原型繼承
1.定義父類型構造函數
2.給父類型的原型添加方法
3.定義子類型的構造函數
4.創建父類型的對象賦值給子類型的原型(關鍵)
5.將子類型原型的構造屬性設置爲子類型
6.給子類型原型添加方法
7.創建子類型的對象:可以調用父類型的方法
// 父類型 function Supper() { this.supProp = 'Supper property' } Supper.prototype.showSupperProp = function() { console.log(this.supProp) } // 子類型 function Sub() { this.subProp = 'Sub property' } // 子類型的原型爲父類型的一個實例對象 Sub.prototype = new Supper() // 讓子類型的原型的constructor指向子類型 Sub.prototype.constructor = Sub Sub.prototype.showSubProp = function() { console.log(this.subProp) } var sub = new Sub() sub.showSupperProp() // Supper property sub.showSubProp() // Sub property
組合繼承
1.利用原型鏈實現對父類型對象的方法繼承
2.利用call()借用父類型構建函數初始化相同的屬性
function Person(name, age) { this.name = name this.age = age } Person.prototype.setName = function(name) { this.name = name } function Student(name, age, price) { Person.call(this, name, age) // 爲了得到屬性 this.price = price } Student.prototype = new Person() // 爲了能看到父類型的方法 Student.prototype.constructor = Student // 修正constructor屬性 Student.prototype.setPrice = function (price) { this.price = price } var s = new Student('tom', 22, 15) s.setName('bob') s.setPrice(16) console.log(s.name, s.age, s.price) // bob 22 16