原型與原型鏈學(xué)習(xí)筆記

jiekechoo 發(fā)布于2019-08-23 18:03 / 2705人閱讀

摘要：原型相同對象的共有屬性也稱作原型原型鏈中所有的對象都是由它的原型對象繼承而來。說的直白點就是，所有原型鏈的屬性，最終都指向的是對象的而對象的指向的是。

原型：相同對象的共有屬性也稱作原型

原型鏈：中所有的對象都是由它的原型對象繼承而來。而原型對象自身也是一個對象，它也有自己的原型對象，這樣層層上溯，就形成了一個類似鏈表的結(jié)構(gòu)，這就是原型鏈

在JS中，不同類型對象都有各自相同類型共有的屬性，也有全部對象共有的屬性，如果每個對象的屬性都多帶帶出來，會非常浪費資源，

var a = new String("a");
var b = new Number(1);
var c = new Boolean(true);
//可以發(fā)現(xiàn)，不管是字符串還是數(shù)值還是布爾，它們都有toString()屬性
a.toString
? toString() { [native code] }

b.toString
? toString() { [native code] }

c.toString
? toString() { [native code] }

所以JS將公共的屬性多帶帶出來【如全部對象共用屬性valueOf() ，toString（）】，JS通過__proto__ 來指向每個類型對象的公共屬性。比如，有五個string對象五個number對象，每個對象的值都是不同的，但對象類型都是一樣的。

var a = new Number(1)
var b = new Number(2)
//雖然變量a和b的值不同，但是它們共有的屬性都是__proto__: Number
console.log(a)
Number {1}
__proto__: Number
[[PrimitiveValue]]: 1

console.log(b)
Number {2}
__proto__: Number
[[PrimitiveValue]]: 2

string對象和number對象都有自己私有屬性（指相同對象類型的私有屬性），每個對象的__proto__都指向自己相同對象類型的私有屬性，相同對象類型的私有屬性也有自己的__proto__，它指向的是全部對象共有的屬性。__proto__: Number下面的__proto__又指向了全部對象共有的屬性。

全部對象共有的屬性，沒有__proto__屬性，它指向的是null，通過下面截圖看出普通的object對象__proto__下的屬性已經(jīng)沒有__proto__指到其他地方了。

說的直白點就是，所有原型鏈的__proto__屬性，最終都指向的是object對象的__proto__而object對象的__proto__指向的是null。

var 對象 = new 函數(shù)()
對象.__proto__ === 對象的構(gòu)造函數(shù).prototype


// 推論
var number = new Number()
number.__proto__ = Number.prototype

var object = new Object()
object.__proto__ = Object.prototype

var function = new Function()
function.__proto__ = Function.prototype

// 另外，所有函數(shù)都是由 Function 構(gòu)造出來的，所以
Number.__proto__ = Function.prototype // 因為 Number 是函數(shù)，是 Function 的實例
Object.__proto__ = Function.prototype // 因為 Object 是函數(shù)，是 Function 的實例
Function.__proto__ == Function.prototye // 因為 Function 是函數(shù)，是 Function 的實例！