繼承是指一個對象直接使用另一對象的屬性和方法
- 得到一個類的屬性
- 得到一個類的方法
一判帮、原型鏈實現(xiàn)繼承
1壳繁、定義一個類
function Person(name,sex) {
this.name=name;
this.sex=sex;
}
Person.prototype.sayName = function(){
console.log(this.name)
}
2、獲取屬性
對象屬性的獲取是通過構(gòu)造函數(shù)的執(zhí)行，在一個類中執(zhí)行另一個類的構(gòu)造函數(shù)棋凳，就可以把屬性賦值到自己內(nèi)部妇萄，但需要把環(huán)境改成自己的作用域內(nèi)
function Male(name,age,sex){
Person.call(this,name,age);
this.sex=sex;
}
3子寓、獲取方法
類的方法一般定義在prototype里面
需要注意的幾點：
創(chuàng)建新的ptorotype,而不是直接把Person.proto賦值，因為引用關(guān)系滑废，會導(dǎo)致修改子類的proto也修改了父類的prototype
對子類添加方法，必須在修改其prototype之后袜爪，在之前會被覆蓋
此刻子類的constructor屬性指向不對蠕趁，需重新指定
關(guān)于手動指定對象的原型的幾種方法：
- object.proto={...}
Man.prototype.__proto__ = Person.prototype//不兼容低版本IE
- 借用new
//原型繼承
function Person(name, age){
this.name = name
this.age = age
}
Person.prototype.sayName = function(){
console.log(this.name)
}
//讓Man 繼承Person
//1、繼承屬性:讓Person在Man里面執(zhí)行一遍
function Man (name, age, sex) {
Person.call(this, name, age)
this.sex = sex
}
//2辛馆、方法繼承
var xxx = function (){}
xxx.prototype = Person.prototype
Man.prototype = new xxx()
//3俺陋、修正constructor
Man.prototype.constructor = Man
var yyy = new Man()
console.dir(yyy)
- 使用Object.create()
//1、繼承屬性:讓Person在Man里面執(zhí)行一遍
function Man (name, age, sex) {
Person.call(this, name, age)
this.sex = sex
}
//2昙篙、方法繼承
inherit(Person, Man)
function inherit(superType, subType) {
var _prototype = Object.create(superType.prototype)
_prototype.constructor = subType
subType.prototype = _prototype
}
//3腊状、在繼承函數(shù)之后寫自己的方法，不然會被覆蓋
Man.prototype.saySex = function() {
console.log(this.sex)
}
var yyy = new Man()
console.dir(yyy)
二瓢对、class繼承
class可以通過extends關(guān)鍵字實現(xiàn)繼承寿酌，比es5的通過修改原型鏈實現(xiàn)繼承胰苏，要清晰和方便硕蛹。
es5的繼承，實質(zhì)是先創(chuàng)造子類的實例對象this硕并，然后再將父類的方法添加到this上面法焰。
es6的繼承機(jī)制完全不同，實質(zhì)是先創(chuàng)造父類的實例對象this(所以必須先調(diào)用super)倔毙，然后再用子類的構(gòu)造函數(shù)修改this埃仪。
class Point {
constructor(x,y){
this.x=x;
this.y=y;
}
}
class ColorPoint extends Point {
constructor(x,y,color) {
super(x,y);//調(diào)用父類的constructor(x, y)
this.color=color
}
}
super
- super作為函數(shù)調(diào)用時，代表父類的構(gòu)造函數(shù)陕赃。es6要求卵蛉，子類的構(gòu)造函數(shù)必須執(zhí)行一次super函數(shù)。
- 此時么库，super雖然代表了父類的構(gòu)造函數(shù)傻丝，但返回的子類的實例
- super作為函數(shù)時，只能用在子類的構(gòu)造函數(shù)中
