26

有类似的东西

f.call(...)
f.apply(...)

但是还有这个

(1, alert)('Zomg what is this????!!!11')

在这种情况下，“1”似乎没有多大意义，以下工作正常：

(null, alert)('Zomg what is this????!!!11')
(1, null, alert)('Zomg what is this????!!!11')
(undefined, alert)('Zomg what is this????!!!11')

您能否指出描述该语法的 ECMAScript 的特定部分？

4

3 回答 3

53

您只是在使用The Comma Operator。

该运算符仅从左到右计算其操作数，并从第二个返回值，例如：

(0, 1); // 1
('foo', 'bar'); // 'bar'

在调用函数的上下文中，操作数的求值只会得到一个值，而不是引用，这导致this被调用函数内部的值指向全局对象（或者它将undefined处于新的 ECMAScript 5 严格模式） .

例如：

var foo = 'global.foo';

var obj = {
  foo: 'obj.foo',
  method: function () {
    return this.foo;
  }
};

obj.method();      // "obj.foo"
(1, obj.method)(); // "global.foo"

如您所见，第一次调用是直接调用，this内部的值method将正确引用obj（返回"obj.foo"），第二次调用，逗号运算符进行的评估将使this值指向全局对象（产生"global.foo"）。

这种模式最近变得非常流行，间接调用eval，这在 ES5 严格模式下很有用，例如，获取对全局对象的引用（假设你在非浏览器环境中，window不是可用的）：

(function () {
  "use strict";
  var global = (function () { return this || (1,eval)("this"); })();
})();

在上面的代码中，内部匿名函数将在严格模式代码单元内执行，这将导致this值为undefined.

||运算符现在将采用第二个操作数call eval，这是一个间接调用，它将在全局词法和变量环境中评估代码。

但就个人而言，在这种情况下，在严格模式下我更喜欢使用Function构造函数来获取全局对象：

(function () {
  "use strict";
  var global = Function('return this')();
})();

使用构造函数创建的Function函数只有在以 Use Strict 指令开头时才是严格的，它们不会像函数声明或函数表达式那样“继承”当前上下文的严格性。

于 2011-03-01T23:13:30.920 回答
9

它是逗号运算符，它计算其两个操作数并返回第二个操作数的值。

因此，类似于对函数(null, alert)求值的东西alert，您可以立即使用括号调用它。

它在ECMA-262 (PDF)的第 11.14 节中进行了描述。

于 2011-03-01T23:10:53.033 回答
3

逗号运算符使表达式按顺序计算。将表达式括在括号中会返回最后一个表达式的值。所以(1, alert)("hello")在功能上等价于：

1;
alert("hello");

在我的脑海中，我想不出这样做的理由。

于 2011-03-01T23:13:11.403 回答