JavaScript 原型及原型鏈
原型物件
原型物件:我們建立的每個函式都會有一個 prototype(原型)屬性,這個屬性是一個指標,指向一個物件,這個物件就是透過呼叫建構函式而建立的那個物件例項的原型物件。
簡單來說,無論什麼時候,只要建立一個新的函式,就會為該函式建立一個prototype屬性,這個屬性指向函式的原型物件。
// 建構函式 Person
function Person() {
};
// 原型新增屬性
Person.prototype.name = 'Tom';
Person.prototype.sayName = function () {
alert(this.name);
};
// 建立例項
var person1 = new Person();
person1.sayName(); // Tom
// prototype屬性指向函式的原型物件
console.log(Person.prototype); // {name: "Tom", sayName: ƒ, constructor: ƒ}
123456789101112131415161718
原型物件的用途:包含可以由特定型別的所有例項共享的屬性和方法。
使用原型物件的好處:可以讓所有例項共享它所包含的屬性和方法。
constructor:所有的原型物件都會有一個constructor屬性,這個屬性是一個指向prototype屬性所在函式的指標,也就是指向與之關聯的建構函式。
// constructor屬性指向與之關聯的構 造函式
console.log(Person.prototype.constructor); // ƒ Person() { }
console.log( Person.prototype.constructor === Person ); // true
__proto__:當呼叫建構函式建立一個新例項後,該例項內部將包含一個指標__proto__,指向建構函式的原型物件。__proto__屬性存在於例項與建構函式的原型物件之間。
// __proto__屬性指向該建構函式的原型物件
console.log( person1.__proto__ ); // {name: "Tom", sayName: ƒ, constructor: ƒ}
console.log( person1.__proto__ === Person.prototype ); // true
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69979119/viewspace-2709500/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 淺談JavaScript原型及原型鏈JavaScript原型
- JavaScript教程全套影片合集:原型及原型鏈JavaScript原型
- 《JavaScript 闖關記》之原型及原型鏈JavaScript原型
- JavaScript原型與原型鏈JavaScript原型
- JavaScript 原型 與 原型鏈JavaScript原型
- javascript——原型與原型鏈JavaScript原型
- javascript原型鏈及繼承JavaScript原型繼承
- js原型及原型鏈JS原型
- javascript之原型與原型鏈JavaScript原型
- JavaScript中原型與原型鏈JavaScript原型
- JavaScript原型與原型鏈分析JavaScript原型
- JavaScript中的原型、原型鏈、原型模式JavaScript原型模式
- JavaScript 原型鏈JavaScript原型
- JavaScript原型鏈JavaScript原型
- 7. JavaScript 原型與原型鏈JavaScript原型
- JavaScript系列之原型與原型鏈JavaScript原型
- 再解 JavaScript 原型與原型鏈JavaScript原型
- javascript原型和原型鏈詳解JavaScript原型
- 深入JavaScript系列(六):原型與原型鏈JavaScript原型
- 如何理解JavaScript的原型和原型鏈?JavaScript原型
- JavaScript深入之從原型到原型鏈JavaScript原型
- JavaScript 深入之從原型到原型鏈JavaScript原型
- 徹底搞懂JavaScript原型和原型鏈JavaScript原型
- JavaScript之原型鏈JavaScript原型
- 建構函式、原型及原型鏈函式原型
- 【機制】JavaScript的原型、原型鏈、繼承JavaScript原型繼承
- 【Javascript 基礎】原型鏈JavaScript原型
- JavaScript從原型到原型鏈,細緻講解JavaScript原型
- 三分鐘看完JavaScript原型與原型鏈JavaScript原型
- 三張圖搞懂JavaScript的原型物件與原型鏈JavaScript原型物件
- 原型與原型鏈原型
- 原型和原型鏈原型
- [JavaScript]原型、原型鏈、建構函式與繼承JavaScript原型函式繼承
- 徹底搞清楚 JavaScript 的原型和原型鏈JavaScript原型
- 三張圖理解JavaScript原型鏈JavaScript原型
- javascript - 繼承與原型鏈JavaScript繼承原型
- JavaScript進階之原型鏈JavaScript原型
- JavaScript原型鏈汙染探討JavaScript原型