溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JS匿名函數(shù)內(nèi)部this指向問題詳析

發(fā)布時間：2020-09-26 06:46:11 來源：腳本之家 閱讀：221 作者：ipromise 欄目：web開發(fā)

前言

網(wǎng)上看到一句話，匿名函數(shù)的執(zhí)行是具有全局性的，那怎么具有的全局性呢？

this的指向在函數(shù)定義的時候是確定不了的，只有函數(shù)執(zhí)行的時候才能確定this到底指向誰，實際上this的最終指向的是那個調(diào)用它的對象

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.原因

  1. 函數(shù)內(nèi)部的this指向調(diào)用者
  2. sayOne調(diào)用者是person對象，所以this指向person；
  3. sayTwo的調(diào)用者雖然也是person對象，但是區(qū)別在于這次調(diào)用并沒有打出this而是在全局返回了一個匿名函數(shù)
  4. 而這個匿名函數(shù)不是作為某個對象的方法來調(diào)用執(zhí)行，是在全局執(zhí)行

3.我們也可以更改this指向，這里應(yīng)用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

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，謝謝大家對億速云的支持。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手