面對對象（三）this 關鍵字

Caizhenhao 發(fā)布于2019-08-26 10:09 / 1973人閱讀

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

涵義
實質
使用場合
使用注意點
避免多層 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.實質

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

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

2.1屬性結構保存
原始的對象以字典結構保存，每一個屬性名都對應一個屬性描述對象。舉例來說，上面例子的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ù)體內(nèi)部，指代函數(shù)當前的運行環(huán)境。

3.使用場合
（1）全局環(huán)境
只要是在全局環(huán)境下運行，this就是指頂層對象window
（2）構造函數(shù)
構造函數(shù)中的this，指的是實例對象
由于this指向實例對象，所以在構造函數(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

云服務器 GPU云服務器 jsp關鍵字this 面對對象 python面對對象 php面對對象設計

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

轉載請注明本文地址：http://systransis.cn/yun/105690.html

面對對象（三）this 關鍵字

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

shenhualong 2019-08-26 10:09 評論0 收藏0
面對對象（三）this 關鍵字

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

Euphoria 2019-08-26 10:09 評論0 收藏0
面對對象（三）this 關鍵字

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

mengbo 2019-08-26 10:09 評論0 收藏0
java學習(三) —— 面對對象

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

褰辯話 2019-08-19 11:04 評論0 收藏0
面對對象編程

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

leeon 2019-08-26 10:09 評論0 收藏0