Javascript 代码语义

Question

if(myVar = img.parent('a').length > 0){
    var Y = 1;
}else{
    var Y = 2;
}

当我运行此代码时，myVar(首次公布)采用 img.parent('a').length > 0 的值并变为 false 或 true 视情况而定。

第一个问题:
这是定义 myVar 的正确方法吗？

第二个问题:
我是在第二次定义 Y 吗？我的第二个 'var' 是多余的吗？
即我应该只写 Y = 2;

Answer 1

第一个问题:IMO，在 if 语句的条件下使用赋值，可能会引起混淆，如果 myVar 之前没有用 var 声明声明它可能成为一个全局变量。

第二个问题:不，你不是re-declaring Y 第二次，实际上 Y 是在任何赋值之前定义的，它被提升到其封闭的顶部范围。

这就是 var 在您的代码中的实际行为:

var Y; // declared and initialized with `undefined`

if (myVar = img.parent('a').length > 0) {
  Y = 1; // assignment
} else {
  Y = 2; // assignment
}

您可以通过以下示例观察此行为:

var Y = 'foo';
(function () {
  alert(Y); //alerts `undefined`
  var Y;
})();

如您所见，alert 在该函数中的 var 声明之前，但是由于 var 语句被提升，这个新作用域的 Y 变量在执行前设置，当 Variable Instantiation过程发生。

最直接的方法是声明和分配myVar:

var Y, myVar = img.parent('a').length > 0;

if (myVar) {
  Y = 1;
} else {
  Y = 2;
}
// Or Y = myVar ? 1 : 2;

或者更短，在单个 var 语句中:

var myVar = img.parent('a').length > 0,
    Y = myVar ? 1 : 2;
//...