成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

面對對象（三）this 關(guān)鍵字

mengbo / 2060人閱讀

摘要：涵義實質(zhì)使用場合使用注意點避免多層避免數(shù)組處理方法中的避免回調(diào)函數(shù)中的綁定的方法參考鏈接涵義就是屬性或方法當前所在的對象。上面代碼是一個文本輸入框，每當用戶輸入一個值，就會調(diào)用回調(diào)函數(shù)，驗證這個值是否在指定范圍。

涵義
實質(zhì)
使用場合
使用注意點
避免多層 this
避免數(shù)組處理方法中的 this
避免回調(diào)函數(shù)中的 this
綁定 this 的方法
Function.prototype.call()
Function.prototype.apply()
Function.prototype.bind()
參考鏈接

1.涵義
this就是屬性或方法“當前”所在的對象。
只要函數(shù)被賦給另一個變量，this的指向就會變。

var A = {
name: "張三",
describe: function () {

return "姓名："+ this.name;

}
};

var name = "李四";
var f = A.describe;
f() // "姓名：李四"
上面代碼中，A.describe被賦值給變量f，內(nèi)部的this就會指向f運行時所在的對象（本例是頂層對象）。

再看一個網(wǎng)頁編程的例子。


上面代碼是一個文本輸入框，每當用戶輸入一個值，就會調(diào)用onChange回調(diào)函數(shù)，驗證這個值是否在指定范圍。瀏覽器會向回調(diào)函數(shù)傳入當前對象，因此this就代表傳入當前對象（即文本框），然后就可以從this.value上面讀到用戶的輸入值。
2.實質(zhì)

JavaScript 語言之所以有 this 的設(shè)計，跟內(nèi)存里面的數(shù)據(jù)結(jié)構(gòu)有關(guān)系。

var obj = { foo: 5 };
上面的代碼將一個對象賦值給變量obj。JavaScript 引擎會先在內(nèi)存里面，生成一個對象{ foo: 5 }，然后把這個對象的內(nèi)存地址賦值給變量obj。也就是說，變量obj是一個地址（reference）。后面如果要讀取obj.foo，引擎先從obj拿到內(nèi)存地址，然后再從該地址讀出原始的對象，返回它的foo屬性。

2.1屬性結(jié)構(gòu)保存
原始的對象以字典結(jié)構(gòu)保存，每一個屬性名都對應(yīng)一個屬性描述對象。舉例來說，上面例子的foo屬性，實際上是以下面的形式保存的。

{
foo: {

[[value]]: 5
[[writable]]: true
[[enumerable]]: true
[[configurable]]: true

}
}
注意，foo屬性的值保存在屬性描述對象的value屬性里面。

var obj = { foo: function () {} };
這時，引擎會將函數(shù)多帶帶保存在內(nèi)存中，然后再將函數(shù)的地址賦值給foo屬性的value屬性。

{
foo: {

[[value]]: 函數(shù)的地址
...

}
}

2.2函數(shù)的this
this，它的設(shè)計目的就是在函數(shù)體內(nèi)部，指代函數(shù)當前的運行環(huán)境。

3.使用場合
（1）全局環(huán)境
只要是在全局環(huán)境下運行，this就是指頂層對象window
（2）構(gòu)造函數(shù)
構(gòu)造函數(shù)中的this，指的是實例對象
由于this指向?qū)嵗龑ο?，所以在?gòu)造函數(shù)內(nèi)部定義this.p，就相當于定義實例對象有一個p屬性
（3）對象的方法
如果對象的方法里面包含this，this的指向就是方法運行時所在的對象。該方法賦值給另一個對象，就會改變this的指向

4.使用注意點
5.避免多層 this
6.避免數(shù)組處理方法中的 this
7.避免回調(diào)函數(shù)中的 this
8.綁定 this 的方法
Function.prototype.call()
Function.prototype.apply()
Function.prototype.bind()
9.參考鏈接

this.property

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

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

相關(guān)文章

  • 面對對象（三）this 關(guān)鍵字

    摘要：涵義實質(zhì)使用場合使用注意點避免多層避免數(shù)組處理方法中的避免回調(diào)函數(shù)中的綁定的方法參考鏈接涵義就是屬性或方法當前所在的對象。上面代碼是一個文本輸入框，每當用戶輸入一個值，就會調(diào)用回調(diào)函數(shù)，驗證這個值是否在指定范圍。 涵義實質(zhì)使用場合使用注意點避免多層 this避免數(shù)組處理方法中的 this避免回調(diào)函數(shù)中的 this綁定 this 的方法 Function.prototype.call...

    shenhualong 評論0 收藏0

  • 面對對象（三）this 關(guān)鍵字

    摘要：涵義實質(zhì)使用場合使用注意點避免多層避免數(shù)組處理方法中的避免回調(diào)函數(shù)中的綁定的方法參考鏈接涵義就是屬性或方法當前所在的對象。上面代碼是一個文本輸入框，每當用戶輸入一個值，就會調(diào)用回調(diào)函數(shù)，驗證這個值是否在指定范圍。 涵義實質(zhì)使用場合使用注意點避免多層 this避免數(shù)組處理方法中的 this避免回調(diào)函數(shù)中的 this綁定 this 的方法 Function.prototype.call...

    Euphoria 評論0 收藏0

  • 面對對象（三）this 關(guān)鍵字

    摘要：涵義實質(zhì)使用場合使用注意點避免多層避免數(shù)組處理方法中的避免回調(diào)函數(shù)中的綁定的方法參考鏈接涵義就是屬性或方法當前所在的對象。上面代碼是一個文本輸入框，每當用戶輸入一個值，就會調(diào)用回調(diào)函數(shù)，驗證這個值是否在指定范圍。 涵義實質(zhì)使用場合使用注意點避免多層 this避免數(shù)組處理方法中的 this避免回調(diào)函數(shù)中的 this綁定 this 的方法 Function.prototype.call...

    Caizhenhao 評論0 收藏0

  • java學(xué)習(xí)(三) —— 面對對象

    摘要：前言是面對對象的語言，因此有必要單獨紀錄下對象的各種定義和理解。面對對象基本概述概述是基于面向過程的變成思想，是對面向過程的一種封裝。面對對象開發(fā)就是不斷的創(chuàng)建對象，使用對象，指揮對象做事情。面對對象設(shè)計其實就是在管理和維護對象之間的關(guān)系。 前言 java是面對對象的語言，因此有必要單獨紀錄下對象的各種定義和理解。 面對對象，主要包括：面向?qū)ο笏枷?，類與對象及其使用，對象的內(nèi)存圖，成...

    褰辯話 評論0 收藏0

  • 面對對象編程

    摘要：也就是說，構(gòu)造函數(shù)內(nèi)部，指的是一個新生成的空對象，所有針對的操作，都會發(fā)生在這個空對象上。上面代碼中，構(gòu)造函數(shù)的語句，返回的是一個新對象。 一、創(chuàng)建對象 1.構(gòu)造函數(shù)var Vehicle = function () { this.price = 1000;}; var v = new Vehicle();v.price // 1000 new命令本身就可以執(zhí)行構(gòu)造函數(shù)，所以后面的構(gòu)...

    leeon 評論0 收藏0

發(fā)表評論

0條評論

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