javascript的疑问？

Question

var foo = {
    bar:function(){
        console.log(this);
    }
}
foo.bar();
(foo.bar)();
(foo.bar = foo.bar)();//window
(foo.bar,foo.bar)();//window
(false || foo.bar)();//window

谁帮忙解释下后三个为什么呀？？？

Answer 1

这问题很有意思!

原因是没有直接使用 foo 做为context

var bar = foo.bar; // 只引用bar函数, 跟foo没关系了
bar(); // window
// 以下其实都是bar函数, 已经脱离了foo context
bar == (foo.bar = foo.bar);  // true
bar == (foo.bar,foo.bar); // true
bar == (false || foo.bar); // true

所以很多时候我们都是

obj.foo();
obj.foo2();

// 而不是
var foo = obj.foo;
foo(); // 会失去obj context

Answer 2

(foo.bar)();

此时foo.bar作为变量，还没有作为语句被计算过，还未丢失foo，调用的时候等同foo.bar().

(foo.bar = foo.bar)();//window

foo.bar = foo.bar是一个语句，调用时执行该语句返回一个function，已丢失foo，又因为全局调用，所以this被赋值为当前全局对象。

(foo.bar,foo.bar)();//window

同上，作为语句被执行

(false || foo.bar)();//window

同上

Answer 3

这些原理性质的东西听别人讲再多也没用，任何揣测都是没有必要的，查规范才是最佳选择，可以参考下我的这个回答链接

Answer 4

简单来讲后三个函数调用左边不是内部引用类型，所以函数调用确定的 this 是 undefined，在非严格模式下内部会设置为 全局对象。具体看这篇博客 https://m2mbob.cn/2016/09/25/...