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指向問題詳析

最新推薦

猜你喜歡

熱門推薦