成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

wzyplus / 1942人閱讀

摘要：全局環(huán)境在全局環(huán)境中使用，它會(huì)指向全局對(duì)象。作為構(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)鍵字是動(dòng)態(tài)綁定的，或稱為運(yùn)行期綁定，這極大地增強(qiáng)的我們程序的靈活性，同時(shí)也給初學(xué)者帶來了很多困惑。本文總結(jié)了this的幾個(gè)使用場(chǎng)景和常見誤區(qū)。
全局環(huán)境

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

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

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

var name = "window";

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

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

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

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)建的對(duì)象上。

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

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)用全局對(duì)象
特殊情況 常見錯(cuò)誤

我們首先來看這樣一個(gè)栗子：

var name = "window";

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

obj.sayName();    // "window"

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

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

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)我們把一個(gè)對(duì)象的方法賦值給一個(gè)變量時(shí)，它的this會(huì)發(fā)生什么變化呢? 看個(gè)栗子:

var name = "window";

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/79205.html

相關(guān)文章

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

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

    suemi 評(píng)論0 收藏0

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

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

    A Loity 評(píng)論0 收藏0

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

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

    Aldous 評(píng)論0 收藏0

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

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

    April 評(píng)論0 收藏0

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

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

    LiveVideoStack 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<