关于this的一个小问题?

2016-11-06 18:32发布

代码如下:

function foo() {     console.log(this.a); } var a = 2; var o = { a: 3, foo: foo }; var p = { a: 4 }; o.foo(); // 3  // 如果 (p.foo = o.foo)(); // 2  // 如果 p.foo = o.foo; p.foo(); // 4

(p.foo = o.foo)(); 和 p.foo = o.foo; p.foo();这两个foo,执行结果为什么会不同,这两种写法有不一样吗?

友情提示: 此问题已得到解决,问题已经关闭,关闭后问题禁止继续编辑,回答。
该问题目前已经被作者或者管理员关闭, 无法添加新回复
2条回答
mishen - whatsns产品经理
1楼-- · 2016-11-06 18:42

其实仔细捋一下还是可以理解的
1、(p.foo = o.foo)();这句代码分为两部分理解,前一个括号内将o.foo赋值给p.foo,括号最终的运算结果是(foo),后一个括号再执行时,this是指向window的,所以输出的a为2就不难理解了。注意:这里执行的函数是前一个括号里的返回的那个函数,而不是p.foo
2、p.foo = o.foo;先给p.foo赋值,然后执行p.foo(); 这时this肯定是指向p的,输出为4

前面一种赋值语句会返回foo函数,后面跟括号就是直接调用,并没有作为对象的方法调用。

一周热门 更多>