一尘不染

JavaScript中的间接函数调用

javascript

有些事情像

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


阅读 503

收藏
2020-05-01

共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"

如您所见,第一个调用是直接调用,其中的thismethod将正确引用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构造函数创建的函数只有在以“使用严格指令”开头时才是严格的,它们不会像“函数声明”或“函数表达式”那样“继承”当前上下文的严格性。

2020-05-01