原型鏈繼承

在原型鏈跌了好幾次跟頭，今天將其歸類稍加總結一下。在js中，物件都有__proto__屬性，一般這個是被稱為隱式的原型，該隱式原型指向構造該物件的建構函式的原型。在js中，一切皆物件，物件則可通過建構函式和字面量的形式生成。

首先我們要扒一扒proto、prototype、constructor

__proto__：事實上就是原型鏈指標！真正指向了祖先級物件。

prototype：這個是指向建構函式的原型物件,其實原型物件就只是個普通物件，裡面存放著所有例項物件需要共享的屬性和方法！

constructor：每乙個原型物件都包含乙個指向建構函式的指標，就是constructor

在這裡有乙個小技巧幫助我們判斷，當求乙個物件__proto__是誰的時候，我們首先要想他是那個建構函式new出來的，它指向的就是此建構函式的prototype原型物件。還有就是哪個建構函式要求prototype，比如array.prototype是等於.__proto__的，還有就是函式也是new function()出來的物件。

下面這個圖可以幫助我們很好的理解原型鏈的整個知識點

// foo.__proto__因為是通過new function()建立，所以指向function.prototype
// foo.prototype指向自己的原型物件，和foo.__proto__相同
// object,array,function都是通過function建構函式new出來的，所以其__proto__指向function.prototype
// function.prototype => function.prototype.__proto__ = object.prototype => object.prototype.__proto__ = null
//底下的執行結果都是true
console.
dir(foo.__proto__ == function.prototype)
; console.
dir(foo.__proto__.__proto__ == object.prototype)
; console.
dir(function.prototype.__proto__ == object.prototype)
console.
dir(foo.prototype == foo.__proto__)
; console.
dir(foo.__proto__.__proto__ == obj.__proto__)
; console.
dir(function.prototype == object.__proto__)
console.
dir(array.__proto__ == function.prototype)
; console.
dir(function.__proto__ == function.prototype)
; console.
dir(foo.__proto__.__proto__ == object.prototype)

題目一

varf=
function()
object.prototype.a=
function()
function.prototype.b=
function()
var f =
newf
()

方法f只能呼叫a，不能到用b，f可以呼叫a方法和b方法，因為f.__proto__並沒有經過function.prototype這條鏈路

題目二

function
parent()
function
tom(
)parent.__proto__.
print
=function()
parent.
print()
tom.
print()
var child =
newparent()
child.
print()
// undefined
// undefined
// uncaught typeerror: child.print is not a function

parent和tom都是function的例項，因此相當於在function.prototype上面掛載了乙個print方法，因此parent.print()可以呼叫到這個方法，但是沒有返回值，乙個原因是parent方法沒有執行，乙個是因為this此時指向的是parent，parent方法上沒有a屬性，而child本身是基於建構函式建立了乙個物件，child.__proto__.__proto__ === object.prototype，因此在其原型鏈上找不到print方法。

原型鏈繼承

原型原型鏈繼承

原型原型鏈繼承

原型鏈繼承

原型鏈繼承

原型 原型鏈 繼承

原型 原型鏈 繼承

原型鏈繼承

相關推薦

原型原型鏈繼承

原型原型鏈繼承