javascript - 在 NodeJS 中处理 undefined variable 的简单条件

标签 javascript

鉴于此功能:

var test = function(param1, param2_maybe_not_set) {
  var my_object = {};
  // code here...
}

您认为什么是最好的?

my_object.new_key = (param2_maybe_not_set === undefined) ? null : param2_maybe_not_set;

my_object.new_key = (param2_maybe_not_set === void 0) ? null : param2_maybe_not_set;

my_object.new_key = (typeof param2_maybe_not_set === 'undefined') ? null : param2_maybe_not_set;

或者,这个缩短的表达式是否正确?

my_object.new_key = param2_maybe_not_set || null;

所有四种方法都有效(至少在 NodeJS 控制台中)。 jsPerf 也没有显示出任何这些之间的大差距 ( http://jsperf.com/typeof-performance/8 )

应该使用哪个作为良好实践

最佳答案

它们并不完全等同,但通常可以互换使用。以下是它们之间的主要区别:

  • x === undefined:这会在值和 undefined 之间执行严格相等比较,这意味着一个undefined 的实际值为 true,而 null0 等类似值将为 false。

    在函数调用的情况下,此检查不区分 f(a)f(a, undefined)(事实上,没有一个示例将;要区分,您必须查看参数)。

  • x === void 0:这使用 void 关键字,它计算 any 表达式并返回 undefined 。这在过去主要是为了防止人们重新定义全局 undefined 变量而引起的意外,但现在没那么有用了 ( ECMAScript 5 mandates that undefined be read-only )

  • typeof x === 'undefined':这使用了 typeof 关键字,它具有独特的能力 - 即 operand is unevaluated .这意味着像 typeof foobarbaz 这样的东西返回 'undefined' 即使这样的变量 foobarbaz 根本不存在。将此与 foobarbaz === undefined 进行对比,如果变量名称从未声明过,它将抛出 ReferenceError。

  • x || null:这是最简单且可能最易读的替代方法。 || 运算符通常用于“设置参数的默认值”,并且可以像 x || 一样被链接起来是|| z ||空

    在大多数情况下,这是惯用的技术。 但是,请注意|| 执行隐式转换,这意味着任何“假”值都会触发下一个值(意味着它无法区分未定义falsenull0''NaN).因此,如果您的函数希望接收虚假值作为参数,显式检查 undefined 可能更为谨慎。

关于javascript - 在 NodeJS 中处理 undefined variable 的简单条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23372417/

相关文章:

javascript - Three.js 将鼠标控件限制和缩放到 Canvas 大小

javascript - 通过动态拖动(按钮)在可编辑内容中精确拖放

javascript - 从没有类和 id 的 anchor 标记更改 href

javascript - 为什么我的 AJAX 请求打开我的 PHP 文件,而不是像它应该的那样只返回响应文本?

javascript - 在谷歌电子表格中搜索行的最佳方法

javascript - CSS 局部颜色百分比值

javascript - 变量在插入数组时没有保存正确的数组

javascript - 使用 skrollr 的不透明度起始值错误

javascript - Javascript正则表达式逗号检测不起作用

php - 进度条 - php 文件上传的 gif