亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

JavaScript學(xué)習(xí)總結(jié)——this對象

wzyplus / 1940人閱讀

摘要：全局環(huán)境在全局環(huán)境中使用，它會指向全局對象。作為構(gòu)造函數(shù)調(diào)用中的構(gòu)造函數(shù)很特殊，如果不使用調(diào)用，則和普通函數(shù)一樣。作為又一項(xiàng)約定俗成的準(zhǔn)則，構(gòu)造函數(shù)以大寫字母開頭，提醒調(diào)用者使用正確的方式調(diào)用。

在JavaScript中，this關(guān)鍵字是動態(tài)綁定的，或稱為運(yùn)行期綁定，這極大地增強(qiáng)的我們程序的靈活性，同時(shí)也給初學(xué)者帶來了很多困惑。本文總結(jié)了this的幾個使用場景和常見誤區(qū)。
全局環(huán)境

在全局環(huán)境中使用this，它會指向全局對象。在web游覽器中，也就是window對象。

alert(this === window);    // true
函數(shù)調(diào)用

當(dāng)作為普通函數(shù)被調(diào)用時(shí)，函數(shù)內(nèi)部的的this也會指向全局對象。

var name = "window";

function sayName(){
    var name = "fun";
    alert(this.name);
}

sayName();    // "window"
作為對象的方法調(diào)用

當(dāng)作為對象內(nèi)部的方法被調(diào)用時(shí)，這里this指向這個方法所在的對象。

var name = "window";

var obj = {
  name: "obj",
  sayName: function(){
    alert(this.name);
  }
};

obj.sayName();    // "obj"
作為構(gòu)造函數(shù)調(diào)用

JavaScript 中的構(gòu)造函數(shù)很特殊，如果不使用 new 調(diào)用，則和普通函數(shù)一樣。作為又一項(xiàng)約定俗成的準(zhǔn)則，構(gòu)造函數(shù)以大寫字母開頭，提醒調(diào)用者使用正確的方式調(diào)用。如果調(diào)用正確，this 綁定到新創(chuàng)建的對象上。

function Person(name){
    this.name = name,
    this.sayName = function(){
        alert(this.name);
    }
}

var person1 = new Person("daoko");
person1.sayName();    // "darko"
apply和call調(diào)用

apply和call是函數(shù)對象的的兩個方法，它們可以修改函數(shù)執(zhí)行的上下文環(huán)境，即this綁定的對象。apply和call的第一個參數(shù)就是this綁定的對象，若apply和call的參數(shù)為空，則默認(rèn)調(diào)用全局對象。

var name = "window"

var obj = {
  name: "object"
}

function sayName(){
  alert(this.name);
}

sayName();    // 直接調(diào)用函數(shù)sayName
sayName.call(obj);    // 用call方法修改this的指向
sayName.call();    // 當(dāng)call方法的參數(shù)為空時(shí)，默認(rèn)調(diào)用全局對象
特殊情況 常見錯誤

我們首先來看這樣一個栗子：

var name = "window";

var obj = {
  name: "obj",
  sayName: function(){
    var test = function(){
      alert(this.name);    // this綁定到全局對象上
    }
    test();
  }
}

obj.sayName();    // "window"

是不是和上面說的作為對象的方法調(diào)用情況很像，按照我們的理解此時(shí)的this應(yīng)該指向obj對象，但是實(shí)際情況不是這樣的，此時(shí)的this指向全局對象。

這屬于 JavaScript 的設(shè)計(jì)缺陷，正確的設(shè)計(jì)方式是內(nèi)部函數(shù)的 this 應(yīng)該綁定到其外層函數(shù)對應(yīng)的對象上，為了規(guī)避這一缺陷，我們可以使用變量替代的方法，約定俗成，該變量一般被命名為 that。 在這個栗子中，這樣我們創(chuàng)建了一個局部變量that來指向obj對象。

var name = "window";

var obj = {
  name: "obj",
  sayName: function(){
    var that = this;    // that指向?qū)ο髈bj
    var test = function(){
      alert(that.name);
    }
    test();
  }
}

obj.sayName();    // "obj"
方法的賦值表達(dá)式

當(dāng)我們把一個對象的方法賦值給一個變量時(shí)，它的this會發(fā)生什么變化呢? 看個栗子:

var name = "window";

var obj = {
  name: "obj",
  sayName: function(){
    alert(this.name);
  }
}

var test = obj.sayName;
obj.sayName();    // "obj"
test();    // "window"

從上面這個栗子中我們可以看到，當(dāng)把對象obj的方法賦值給一個新的變量test時(shí)，它的this指向發(fā)生了變化，test就向一個普通的函數(shù)一樣被調(diào)用，此時(shí)指向全局對象。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/79205.html

相關(guān)文章

  • Javascript this 的一些學(xué)習(xí)總結(jié)02【轉(zhuǎn)自cnblogs的JKhuang】

    摘要：發(fā)生這種情況的條件是當(dāng)引用類型值的對象恰好為活躍對象。總結(jié)本文介紹中的使用，更重要的是幫助我們能更好地理解值在全局函數(shù)構(gòu)造函數(shù)以及一些特例的情況中值的變化。然而，由于對于來說沒有任何意義，因此會隱式轉(zhuǎn)換為全局對象。 接上一篇Javascript this 的一些學(xué)習(xí)總結(jié)02【轉(zhuǎn)自cnblogs的JKhuang】 引用類型以及this的null值 對于前面提及的情形，還有例外的情況，當(dāng)調(diào)...

    suemi 評論0 收藏0

  • javascript this的學(xué)習(xí)總結(jié)

    摘要：例如通過，調(diào)用時(shí)強(qiáng)制把它的綁定到上。箭頭函數(shù)問題箭頭函數(shù)體內(nèi)的對象就是定義時(shí)所在的對象，而不是使用時(shí)所在的對象，固定不變。 剛?cè)腴Tjavascript，關(guān)于this的學(xué)習(xí)，花了自己挺多的時(shí)間，做了比較多的功課，看了一篇又一篇的文章，也看了一些書籍，今天就結(jié)合看的那些東西總結(jié)下自己所學(xué)到的東西，方便留著以后回看，進(jìn)一步的學(xué)習(xí)，這篇文章會不斷的更新，不斷的更新自己的想法，現(xiàn)在還是一個入門不...

    A Loity 評論0 收藏0

  • Javascript Context和Scope的學(xué)習(xí)總結(jié)02【轉(zhuǎn)自cnblogs的JKhuang】

    摘要：總結(jié)本博文通過介紹執(zhí)行上下文和作用域的異同的使用以及變量對象，讓我們加深對語言特性的理解。首先，我們介紹了執(zhí)行上下文和的的關(guān)系，并且執(zhí)行上下文是具有對象的然后，介紹了作用域使變量在作用域范圍內(nèi)可見，并且作用域是基于函數(shù)的。 接上一篇Javascript Context和Scope的學(xué)習(xí)總結(jié)01【轉(zhuǎn)自cnblogs的JKhuang】（可能是segmentfault對單篇文章發(fā)布字?jǐn)?shù)有限制...

    Aldous 評論0 收藏0

  • Javascript Context和Scope的學(xué)習(xí)總結(jié)01【轉(zhuǎn)自cnblogs的JKhuang】

    摘要：正文執(zhí)行環(huán)境也稱為環(huán)境是中最為重要的一個概念。執(zhí)行環(huán)境定義了變量或函數(shù)有權(quán)訪問的其他數(shù)據(jù)，決定了它們各自的行為。簡而言之，執(zhí)行環(huán)境是基于對象的，而作用域是基于函數(shù)的。 前述 在我們學(xué)習(xí)Javascript過程中，常常會遇到作用域（Scope）和執(zhí)行上下文（Context）等概念。其中，執(zhí)行上下文與this關(guān)鍵字的關(guān)系密切。 有面向?qū)ο缶幊探?jīng)驗(yàn)的各位，對于this關(guān)鍵字再熟悉不過了，因此...

    April 評論0 收藏0

  • JavaScript學(xué)習(xí)總結(jié)（九）事件詳解

    摘要：布爾值表示捕獲階段調(diào)用事件處理程序，表示冒泡階段通過對象的方法，也可以定義事件的回調(diào)函數(shù)。對象會被作為第一個參數(shù)傳遞給事件監(jiān)聽的回調(diào)函數(shù)。布爾默認(rèn)值是，當(dāng)設(shè)置成時(shí)用以取消事件的默認(rèn)行為與中的相同。 其實(shí)這篇文章挺早之前就寫了，但是由于sf保存方面的bug，所以當(dāng)時(shí)寫了一大堆，結(jié)果沒保存，覺得這個沒寫完是個不小的遺憾，今天正好有空，就給補(bǔ)充下了，也正好給我的javascript學(xué)習(xí)總結(jié)做...

    LiveVideoStack 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<