笔记2(继承)

继承的定义
继承是指一个对象直接使用另一对象的属性和方法。
实现以下两点可以说我们实现了继承
1.得到一个类的属性
2.得到一个类的方法

属性获取

function Person(name, sex){
    this.name = name;
    this.sex = sex;
}

Person.prototype.printName = function(){
    console.log(this.name);
};

function Male(age){
    this.age = age;
}

Male.prototype.printAge = function(){
    console.log(this.age);
};

怎么让Male获得Person的属性呢?

我们在一个类中执行另外一个类的构造函数,就可以把属性赋值到自己内部,但是我们需要把环境改到自己的作用域内,这就要借助我们讲过的函数call了

function Male(name, sex, age){
    Person.call(this, name, sex);
    this.age = age;
}

或者这样写:
function Male(name, sex, age){
    Person.bind(this)(name, sex);
    this.age = age;
}

实例化看看结果

var m = new Male('Byron', 'male', 26);
console.log(m.sex); // "male"

方法获取
那么怎么把方法继承过来呢?

只要我们把子类的prototype改为父类的prototype的备份就好了

Male.prototype = Object.create(Person.prototype);

因为引用关系,这样会导致后续修改子类的prototype也修改了父类的prototype,因为修改的是一个值
注意一点:就是对子类添加方法,必须在修改其prototype之后,如果在之前会被覆盖掉

Male.prototype.printAge = function(){
    console.log(this.age);
};

Male.prototype = Object.create(Person.prototype);

//这样写printAge就没有了
所以我们这样写:
function Male(name, sex, age){
    Person.call(this, name, sex);
    this.age = age;
}

Male.prototype = Object.create(Person.prototype);

Male.prototype.printAge = function(){
    console.log(this.age);
};
var a=object.create({b:1})
 a  //输出的a它的原型是{b:1}

注意一点:prototype对象有一个属性constructor指向其类型,因为我们复制的父元素的prototype,这时候constructor属性指向是不对的,导致我们判断类型出错

需要手动改一下:
Male.prototype.constructor=Male;

我们可以将上面所说的内容用一个函数包装起来:

function inherit(superType,subType){
    var _prototype=Object.create(superType.prototype);
   _prototype.constructor=subType;
   subType.prototype=_prototype;

}
不用Object.create()去改变constructor:
fn.prototype=Person.prototype;
function fn(){}
Student.prototype=new fn()

hasOwnProperty

继承之后Male的实例也有了Person的方法,那么怎么判断某个是自己的还是父类的?

hasOwnPerpertyObject.prototype的一个方法,可以判断一个对象是否包含自定义属性而不是原型链上的属性,hasOwnProperty是JavaScript中唯一一个处理属性但是不查找原型链的函数

male.hasOwnProperty('name'); // true
male.hasOwnProperty('printName'); // false
Male.prototype.hasOwnProperty('printAge'); // true

你可能感兴趣的:(笔记2(继承))