轉載?https://blog.csdn.net/weixin_44976833/article/details/101322081

構造函數和原型和原型鏈

1.靜態成員和實例成員

1.1靜態成員

靜態成員在構造函數本身上添加的成員,靜態成員只能通過構造函數來訪問

function Person(name,age){this.name = name;this.age = age; } //sex就是靜態成員 Person.sex = '男'; var one = new Person('小明',12); console.log(Person.sex); //靜態成員只能通過構造函數來訪問

1.2實例成員

實例成員就是構造函數內部通過this添加的成員,實例成員只能通過實例化的對象來訪問;

//nam,age,study就是實例成員 function Person(nam,age){this.nam = nam;this.age = age;this.study = function(){console.log('我再認真學習js');} } var one = new Person('小明',12); console.log(one.study); //實例成員只能通過實例化對象來訪問

?

2.構造函數原型prototype

構造函數通過原型分配的函數是所有對象所共享的,規定每一個構造函數都有一個prototype屬性,指向另一個對象,這個prototype就是一個對象,這個對象的所有屬性和方法,都會被構造函數所擁有的,可以把那些不變的方法直接定義在prototype對象上,這樣所有對象的實例就可以共享這些方法;

?

3.對象原型__proto__

?

1.對象都會有一個屬性__proto__ 指向構造函數的prototype原型對象,之所以我們對象可以使用構造函數prototype原型對象的屬性和方法,就是因為對象有__prorto__原型的存在;

2.__proto__對象原型和原型對象prototype是相等的;

3.__proto__對象原型的意義就是在于為對象查找機制提供一個方向,但是它是一個非標準屬性,實際開發中不可以使用這個屬性,它只是內部指向原型對象prototype;

?

4.constructor構造函數

1.對象原型__proto__和構造函數prototype原型對象里面都有一個屬性constructor屬性,constructor稱為構造函數,因為它指回構造函數本身;

2.constructor主要是用于記錄該對象引用于哪個構造函數,它可以讓原型對象重新指向原來的構造函數;

3.一般情況下,對象的方法都在構造函數的原型對象中設置,如果有多個對象方法,我們可以給對象采用對象形式賦值,但是這樣就會覆蓋構造函數原型對象原來的內容,修改后的原型對象constructor就不在指向當前構造函數,此時可以在修改后的原型對象中,添加一個constructor指向原來的構造函數

function Person(uname, age) {this.uname = uname;this.age = age;}// 很多情況下,我們需要手動的利用constructor 這個屬性指回 原來的構造函數 Person.prototype = {// 如果我們修改了原來的原型對象,給原型對象賦值的是一個對象,則必須手動的利用constructor指回原來的構造函數// 手動設置指回原來的構造函數constructor: Person, sing: function() {console.log('我唱歌很好聽');},study: function() {console.log('我正在學習js');} } var one = new Person('小明', 18);

?

5.構造函數實例和原型對象三角關系

1.構造函數的prototype屬性指向了構造函數原型對象;

2.實例對象是由構造函數創建的,實例對象的__proto__屬性指向了構造函數的原型對象;

3.構造函數的原型對象的constructor屬性指向了構造函數,實例對象原型的constructor屬性也指向了構造函數;

?

6.原型鏈和成員的查找機制

任何對象都有原型對象,也就是prototype屬性,任何原型對象也是一個對象,該對象有__proto__屬性,這樣一層一層往上找,就會形成一條鏈,原型鏈;

1.當訪問一個對象的屬性（包括方法）時，首先查找這個對象自身有沒有該屬性。

2.如果沒有就查找它的原型（也就是 __proto__指向的 prototype 原型對象）。

3.如果還沒有就查找原型對象的原型（Object的原型對象）。

4.依此類推一直找到 Object 為止（null）。

5.__proto__對象原型的意義就在于為對象成員查找機制提供一個方向，或者說一條路線。

總結

以上是生活随笔為你收集整理的构造函数的原型和原型链的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。