js 对象继承

总结一下，对象继承的几种方式

 

1.构造函数绑定

function Person(){
   this.speices ="人类"
}
function Women (name){
   Person.apply(this); //or Rerson.call(this) 如果父类定义需要传参 参照apply call 传参方式
   this.name = name;
   this.sex = "women"
}
console.log( new Women("cy").speices) //=> "人类"
console.log( new Women("cy").constructor) //=> function Women (name)

 2. prototype模式

function function Person(){
   this.speices ="人类"
}

function Women (name){
   this.name = name;
   this.sex = "women"
}
Women.prototype  = new Person()
Women.prototype.constructor = Women;

console.log( new Women("cy").speices) //=>"人类"
console.log( new Women("cy").constructor) //=> function Women (name)

 

3.空对象继承

 

function Person(){
   this.speices ="人类"
}

function Women (name){
   this.name = name;
   this.sex = "women"
}
function extend(Child, Parent) {
    var blank_obj = function () {};
    blank_obj.prototype = Parent.prototype;
    Child.prototype = new blank_obj();
    Child.prototype.constructor = Child;
    Child.uber = Parent.prototype;
}

extend(Women, Person)

 

4.非构造函数继承

 

var Person = {
    speices:"人类",
    attributes:['胎生','哺乳']

}

function deepCopy(p, c) {
　　　　var c = c || {};
　　　　for (var i in p) {
　　　　　　if (typeof p[i] === 'object') {
　　　　　　　　c[i] = (p[i].constructor === Array) ? [] : {};
　　　　　　　　deepCopy(p[i], c[i]);
　　　　　　} else {
　　　　　　　　　c[i] = p[i];
　　　　　　}
　　　　}
　　　　return c;
　　}
var Women = deepCopy(Person)
Women.sex = 'women'
console.log(Women.attributes) //['胎生'，'哺乳']