JS匿名函数内部this指向问题详析

来源：懂视网责编：小采时间：2020-11-27 21:57:22

JS匿名函数内部this指向问题详析

JS匿名函数内部this指向问题详析:前言网上看到一句话，匿名函数的执行是具有全局性的，那怎么具有的全局性呢？ this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象 1.案例中，第一个say打出来的是Alan，而

推荐度：

点击下载本文 文档为doc格式

导读JS匿名函数内部this指向问题详析:前言网上看到一句话，匿名函数的执行是具有全局性的，那怎么具有的全局性呢？ this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象 1.案例中，第一个say打出来的是Alan，而

前言

网上看到一句话，匿名函数的执行是具有全局性的，那怎么具有的全局性呢？

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

总结

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JS匿名函数内部this指向问题详析

推荐度：

点击下载本文 文档为doc格式

标签： js 问题指向

热门焦点

JS匿名函数内部this指向问题详析

JS匿名函数内部this指向问题详析

JS匿名函数内部this指向问题详析

最新推荐

猜你喜欢

热门推荐