JS原型鏈的一些理解

關於原型鏈我的理解是乙個建構函式的原型作為另乙個建構函式的例項形成的繼承關係

在js高階程式設計中有這樣乙個圖

當我們定義乙個函式時會有乙個原型,即圖中的supertype prototype,這時原型物件中會有乙個constructor指向建構函式supertype,這便是建構函式與原型物件之間的關係;

function
super
()

此時如果再定義乙個subtype建構函式,把subtype prototype作為建構函式supertype的例項,便會有[[prototype]]指向supertype prototype這樣便形成了原型鏈,注意subtype prototype已經沒有constructor

function
super
()function
person
(){};
person.prototype = new super();

原型鏈中的繼承上面**中person建構函式和prototype裡什麼也沒定義,但是我們現在對person進行例項,事實上我們是可以取到值的

var person =
new person();
console.
log(person.name); //'bob'
console.
log(person.age); //20

通過chrome控制台的列印我們可以發現這種繼承關係,__prototo__:super由person.prototype = new super();存在super中的屬性;

constructor指向變化

js高階程式設計說如果乙個建構函式的原型物件作為另乙個建構函式的例項,那麼作為例項的原型物件的constructor就會消失,從上圖中我們也能發現綠色框中沒有constructor屬性,這裡當時我在想如果直接手動將constructor指為person這個建構函式原型鏈是否會斷裂

function
super
()function
person
(){};
person.prototype = new super();
person.prototype.constructor = person;
console.log(person.prototype);
var person=new person();
console.log(person);

通過在控制台中列印可以發現constructor這裡只作為乙個屬性,值為person這個建構函式,而真正的影響指向的constructor為灰色

因此可以推斷不存在手動更改constructor指向這麼一說

JS原型鏈的一些理解

js 原型原型鏈理解

js理解原型高程的一些筆記

js原型鏈理解

JS原型鏈的一些理解

js 原型 原型鏈理解

js理解原型高程的一些筆記

js原型鏈理解

相關推薦

js 原型原型鏈理解