var a = bc = function(){} 语法的用途

Question

我最近浏览了 js 代码，不断出现以下语法：

var foo = bar.bi = function() {...}

这对我来说是陌生的语法。难道只是为同一个函数定义两个名字吗？如果是这样，为什么不只将其定义为 bar.bi = function() 呢？

Answer 1

同时为变量和 bar 对象的 bi 属性分配相同的值。

通过这种方式，对象的属性可以获得值，但您仍然可以将其作为变量引用，这可能会更快一些。

实际上与...相同，

bar.bi = function() {...};
var foo = bar.bi;

foo === bar.bi; // true

---

或者您可以将其想象为...

var foo = ( bar.bi = function() {...} );

因此首先发生对 bar.bi 的赋值。从赋值表达式返回的结果是相同的函数，并且该结果被赋值给foo。

Answer 2

除了将函数分配给 2 个变量之外，上下文也会根据您调用它的方式而变化。

bar.bi();

会将其上下文作为 bar 对象，就好像您会使用它一样：

foo.call(bar);

但在另一个变量中使用它，如下所示：

foo();

将使用 foo 的上下文。因此，如果 foo 位于全局上下文中，它将相当于：

bar.bi.call(window);

Answer 3

这只是一个复合赋值，

var r = x = 3;

将 3 赋给 x，也赋给新声明的 r。

您的示例只是用一个函数代替 3，用一个对象属性 - bar.bi - 代替 x。

Answer 4

这取决于它的使用地点。

foo 和 bar.bi 都指向相同的函数。 调用该函数

foo();

这意味着可以使用and

bar.bi();

，同时函数内部 this 的值有所不同。要使第一个等于第二个，应按如下所示调用它

foo.call(bar);  

或

foo.apply(bar);

这可确保 this 将指向函数内的 bar。

请参考：

https://developer.mozilla.org/en/JavaScript/参考/Global_Objects/函数/调用。

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects /函数/应用。

。

Answer 5

var foo = bar.bi = function() {...};



bar.bi === function() {...} //true

foo === bar.bi //true

bar 将是一个响应方法 bi 的对象。