关于面向对象

1.构造函数继承(call)

//父类
function Animal(){
    this.species = "动物";
    this.say=function(){
        alert(this.name)
    }
}
//子类
function Cat(name,color){
    Animal.call(this)
　　this.name = name;
　　this.color = color;
}
var cat1 = new Cat("大毛","黄色");
cat1.say();// 大毛

使用call可以绑定父类 Animal 的执行环境,使 Cat实例化的对象具有父类的属性和方法,因此.子类Cat 继承了父类Animal的属性和方法,下面我们再看一种例子:

//父类
function Animal(){}
Animal.prototype.species= "动物";
Animal.prototype.say=function(){
    alert(this.name)
}
//子类
function Cat(name,color){
    Animal.call(this)
　　this.name = name;
　　this.color = color;
}
var cat1 = new Cat("大毛","黄色");
cat1.say();// Uncaught TypeError: cat1.say is not a function
cat1.species;//undefined

说明子类用call继承父类的属性和方法只能继承父类本地的属性和方法

2.prototype继承

//父类
function Animal(){
    this.area="地球";
}
Animal.prototype.species= "动物";
Animal.prototype.say=function(){
    alert(this.name)
}
//子类
function Cat(name,color){
　　this.name = name;
　　this.color = color;
}
Cat.prototype=new Animal();
Cat.prototype.constructor=Cat;
var cat1 = new Cat("大毛","黄色");
cat1.say();//大毛
cat1.species;//动物
cat1.area;//地球

父类prototype对象上的属性和方法可以这样继承,继承-2即是,因为父类实例化的对象身上既有本地的属性和方法也有原型(prototype)对象上的属性和方法,干脆就把父类的实例对象赋值给子类的prototype对象,这样子类父类的本地原型上的属性方法都继承到了.

3.直接prototype继承

//父类
function Animal(){
    this.area="地球";
}
Animal.prototype.species= "动物";
Animal.prototype.say=function(){
    alert(this.name)
}
//子类
function Cat(name,color){
　　this.name = name;
　　this.color = color;
}
Cat.prototype=Animal.prototype;
Cat.prototype.constructor=Cat;
var cat1 = new Cat("大毛","黄色");
cat1.say();//大毛
cat1.species;//动物
cat1.area;//undefined
console.log(Cat.prototype.constructor===Animal.prototype.constructor);//true
console.log(Cat.prototype.constructor===Cat);//true

直接prototype继承的话,父类子类的prototype都指向了同一个对象,任何对Cat.prototype的修改都会反映到Animal.prototype,这个继承也不是最佳选择.

4.利用空对象作中介

//父类
function Animal(){
    this.area="地球";
}
Animal.prototype.species= "动物";
Animal.prototype.say=function(){
    alert(this.name)
}
//子类
function Cat(name,color){
　　this.name = name;
　　this.color = color;
}

function F(){}

F.prototype=Animal.prototype;

Cat.prototype=new F();
Cat.prototype.constructor=Cat;

var cat1 = new Cat("大毛","黄色");
cat1.say();//大毛
console.log(cat1.species);//动物
console.log(cat1.area);//undefined
console.log(Animal.prototype.constructor===Animal);//true
console.log(Cat.prototype.constructor===Cat);//true

可以看出只能继承父类的原型对象上属性和方法,父类本地的属性和方法没有继承到,需要继承本地原型的属性和方法可以用继承方法2,

5.拷贝继承

//父类
function Animal(){
    this.area="地球";
}
Animal.prototype.species= "动物";
Animal.prototype.say=function(){
    alert(this.name)
}
//子类
function Cat(name,color){
　　this.name = name;
　　this.color = color;
}


function extend(c,p){
    var p=p.prototype;
    var c=c.prototype;
    for(var i in p){
        c[i]=p[i];
    }
}

extend(Cat,Animal);
var cat1 = new Cat("大毛","黄色");
cat1.say();//大毛
console.log(cat1.species);//动物
console.log(cat1.area);//undefined
console.log(Animal.prototype.constructor===Animal);//true
console.log(Cat.prototype.constructor===Cat);//true
</script>

依然是原型继承,本地属性不继承

 

 

什么是面向对象?什么是继承?什么是原型?什么是原型链?

1.j面向对象:有两个层次的含义: 第一种是会使用面向对象函数; 第二种是构造面向对象函数

2.继承:派生于基类,具有基类的所有属性和方法,同时也可以定义和重新覆盖基类给的所有属性和方法,以及同时可以扩展自己的属性和方法

3.原型:javascript对象在创建的时候(除了null以外)就会与之关联的另一个对象,这个对象就是我马上所说的原型,每一个对象都会从原型"继承"属性.