JavaScript中原型及原型鏈的介紹

這篇文章主要介紹“JavaScript中原型及原型鏈的介紹”，在日常操作中，相信很多人在JavaScript中原型及原型鏈的介紹問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JavaScript中原型及原型鏈的介紹”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

　　原型對象

　　原型對象：我們創(chuàng)建的每個函數(shù)都會有一個 prototype(原型)屬性，這個屬性是一個指針，指向一個對象，這個對象就是通過調(diào)用構(gòu)造函數(shù)而創(chuàng)建的那個對象實例的原型對象。

　　簡單來說，無論什么時候，只要創(chuàng)建一個新的函數(shù)，就會為該函數(shù)創(chuàng)建一個prototype屬性，這個屬性指向函數(shù)的原型對象。

　　// 構(gòu)造函數(shù) Person

　　function Person() {

　　};

　　// 原型添加屬性

　　Person.prototype.name = 'Tom';

　　Person.prototype.sayName = function () {

　　alert(this.name);

　　};

　　// 創(chuàng)建實例

　　var person1 = new Person();

　　person1.sayName(); // Tom

　　// prototype屬性指向函數(shù)的原型對象

　　console.log(Person.prototype); // {name: "Tom", sayName: ?, constructor: ?}

　　123456789101112131415161718

　　原型對象的用途：包含可以由特定類型的所有實例共享的屬性和方法。

　　使用原型對象的好處：可以讓所有實例共享它所包含的屬性和方法。

　　constructor：所有的原型對象都會有一個constructor屬性，這個屬性是一個指向prototype屬性所在函數(shù)的指針，也就是指向與之關(guān)聯(lián)的構(gòu)造函數(shù)。

　　// constructor屬性指向與之關(guān)聯(lián)的構(gòu)造函數(shù)　鄭州祛胎記治療價錢 http://www.zykdbhk

　　console.log(Person.prototype.constructor); // ? Person() { }

　　console.log( Person.prototype.constructor === Person ); // true

　　__proto__：當(dāng)調(diào)用構(gòu)造函數(shù)創(chuàng)建一個新實例后，該實例內(nèi)部將包含一個指針__proto__，指向構(gòu)造函數(shù)的原型對象。__proto__屬性存在于實例與構(gòu)造函數(shù)的原型對象之間。

　　// __proto__屬性指向該構(gòu)造函數(shù)的原型對象

　　console.log( person1.__proto__ ); // {name: "Tom", sayName: ?, constructor: ?}

　　console.log( person1.__proto__ === Person.prototype ); // true

到此，關(guān)于“JavaScript中原型及原型鏈的介紹”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>