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 寫法