Symbol不是構造函數
Object不是原型是實例對象 他的構造器繼承原型上的構造器
undefined是未定義 null是空指針

一、原型鏈

1. 函數也是實例對象

2. 構造函數Object是由Function構造出來的

3. 有一種說法是，原型鏈的終點是null

Object.prototype.__proto__指向null

4. 總結

Foo.__proto__ === Function.prototype // true Object.__proto__ === Function.prototype // true Object.__proto__ === Object.prototype // false Function.prototype.constructor === Function // true Function.prototype.constructor === Object // false Object.constructor === Object // false Object.constructor === Function// true Function.__proto__ === Function.prototype // true Function.prototype.__proto__ === Object.prototype // true

二、繼承

1. 原型鏈繼承，引用值共享

function Super() {this.a = [1, 2, 3] } function Sub() { } Sub.prototype = new Super() var sub1 = new Sub() var sub2 = new Sub() sub1.a = '123'console.log('sub1.a', sub1, sub1.a) // 123 改的是實例 console.log('sub2.a', sub2, sub2.a) // [1,2,3]

function Super() {this.a = [1, 2, 3] } function Sub() { } Sub.prototype = new Super() var sub1 = new Sub() var sub2 = new Sub()sub1.a.push(4) // 改的是原型 console.log('sub1.a', sub1, sub1.a) // [1,2,3,4] console.log('sub2.a', sub2, sub2.a) // [1,2,3,4]

2. 借用構造函數，父類原型方法無法獲取

• 在子類內部call超類的構造函數

3. 組合繼承（偽經典繼承） 1+2 ，構造函數執行了2次

4. 組合繼承優化 Object.create是es5的寫法

5. 寄生組合繼承（經典繼承）YUI

• Object.create兼容性寫法，會重寫Sub的prototype
  
• 如果Sub.prototype = Object.create…語句前，Sub的prototype上定義了方法屬性，則這樣賦值會丟失原先的方法屬性
• 所有繼承方式都不能解決這個問題，包括圣杯。那就賦值完再定義
• ES6的類能解決這個問題
  

6. 圣杯

7. 拷貝繼承（不常用）

三、類 ES6 class繼承

解決引用值共享

子類、父類的方法可訪問

es6 寫法

總結

以上是生活随笔為你收集整理的ES5-拓展 原型链、继承、类的全部內容，希望文章能夠幫你解決所遇到的問題。

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