共计 873 个字符,预计需要花费 3 分钟才能阅读完成。
网上看到一句话,匿名函数的执行是具有全局性的,那怎么具有的全局性呢?
this 的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定 this 到底指向谁,实际上 this 的最终指向的是那个调用它的对象
1. 案例中,第一个 say 打出来的是 Alan,而第二个则是 window
var name = 'window'
var person = {
name :'Alan',
sayOne:function () {console.log(this.name)
},
sayTwo:function () {return function () {console.log(this.name)
}
}
}
person.sayOne()//Alan
person.sayTwo()() // window
2. 原因
- 函数内部的 this 指向调用者
- sayOne 调用者是 person 对象,所以 this 指向 person;
- sayTwo 的调用者虽然也是 person 对象,但是区别在于这次调用并没有打出 this 而是在全局返回了一个匿名函数
- 而这个匿名函数不是作为某个对象的方法来调用执行,是在全局执行
3. 我们也可以更改 this 指向,这里应用 JS 高级编程的案例
var name = "global";
var foo = {
name: "foo",
getName : function(){console.log(this.name);
}
}
var bar = {
name: "bar",
getName : function(){return (function(){console.log(this.name);
})();}
}
foo.getName(); //foo
foo.getName.call(bar); //bar
foo.getName.call(this); //global
foo.getName.call(window); //global
(function(){console.log(this.name)
}.bind(bar))(); //bar
(function(){console.log(this.name)
}.bind())(); //global
正文完
发表至: javascript
2019-05-10