JavaScript中的间接函数调用

Question

有些事情像

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的描述该语法的特定部分？

Answer 1

此运算符仅从左至右求值其操作数，并从第二个运算符返回值，例如：

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

在调用函数的上下文中，对操作数的求值将仅获取一个值，而不是引用，这将导致this被调用函数内部的值指向全局对象（或者它将undefined处于新的ECMAScript5 Strict模式下） 。

例如：

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。

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

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

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

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