Symbol不是構(gòu)造函數(shù)
Object不是原型是實(shí)例對象 他的構(gòu)造器繼承原型上的構(gòu)造器
undefined是未定義 null是空指針

一、原型鏈

1. 函數(shù)也是實(shí)例對象

2. 構(gòu)造函數(shù)Object是由Function構(gòu)造出來的

3. 有一種說法是，原型鏈的終點(diǎn)是null

Object.prototype.__proto__指向null

4. 總結(jié)

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 改的是實(shí)例 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. 借用構(gòu)造函數(shù)，父類原型方法無法獲取

• 在子類內(nèi)部call超類的構(gòu)造函數(shù)

3. 組合繼承（偽經(jīng)典繼承） 1+2 ，構(gòu)造函數(shù)執(zhí)行了2次

4. 組合繼承優(yōu)化 Object.create是es5的寫法

5. 寄生組合繼承（經(jīng)典繼承）YUI

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

6. 圣杯

7. 拷貝繼承（不常用）

三、類 ES6 class繼承

解決引用值共享

子類、父類的方法可訪問

es6 寫法

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。