js-原型以及继承小案例

 function human(name,tall){
     this.name=name;
     this.tall=tall;
     this.toSleep=function(){
         alert('no sleep');
     }
 }

 human.prototype.toSleep=function(){
     alert('sleep');
 }

 var meimei=new human("meimei",160);
 var xiaoqiang=new human("xiaoqiang",170);

 //会先去找meimei这个对象中是否含有toSleep方法
 //如果没有就会去原型中即human构造器找，这样两个就会相等meiemi.toSleep()==xiaoqiang.toSleep（）为true
 meiemi.toSleep();

情况1：
function animal(legs){
    this.leg=legs;
}

function human(name,tall){
    this.name=name;
    this.tall=tall;
}
human.prototype=new animal(2);

var meimei=new human("meimei",160);
var xiaoqiang=new human("xiaoqiang",170);

meimei.leg

情况2：
function animal(legs){
    this.leg=legs;
}

function human(name,tall){
    this.name=name;
    this.tall=tall;
}

human.prototype.head=1;
human.prototype={leg:2}; //整个对象被替换
human.prototype.leg=2; 

var meimei=new human("meimei",160);
var xiaoqiang=new human("xiaoqiang",170);

meimei.leg

情况3：call()以及apply()
function sleep(){
    alert(this.name+"to Sleep");
}
sleep();  ----window对象调用

**********************************
var meiemi={
    name:'meiemi',
    sleep:sleep
}
meimei.sleep(); ----meimei to Sleep

**********************************
var meiemi={
    name:'meiemi'
}
sleep.call(meimei); ----meimei to Sleep

***********************************
function sleep(time){
    alert(time+":"+this.name+"to Sleep");
}
var meiemi={
    name:'meiemi'
}
sleep.call(meimei,"21:00");  ----传参方式不一样
sleep.apply(meimei,["21:00"]) 

情况4：
类式继承：
function Super(){
    this.colors=["red","blue"];  //this为Super.call(this)传入的对象，该对象返回的结果就有一个colors
}
function Sub(){
    //Super方法的执行环境改成了this
    //this是new Super是创建的对象，最后被返回的对象
    Super.call(this);
}

***********************************
原型式继承：
function obj(o){
    function F(){}
    F.prototype=o;  //new了一个对象，但原型指向o
    return new F();
}
var box={
    name:'zhang',
    arr:['borther','sister']
};
var b1=obj(box);  //没有new了，在方法中内部创建了
alert(b1.name);
**********************************