对象继承训练(1)

上节课我们已经了解了prototype的基本使用：http://blog.youkuaiyun.com/github_26672553/article/details/54375735。

本节课，我们来完成对象的继承训练。

上节课课后作业(训练prototype)

var God = new GodClass({
version:’1.0’,
});
在这里我们执行alert(God.version)
请设定一个GodClass.init方法，在该方法中传入参数，后面的任何实例对象不传参数也有version这个属性

var GodClass = function abc(obj){
    if(this instanceof abc){

        if(obj != undefined){
            //把obj中的可枚举属性赋值给this
            Object.assign(this,obj); //注意:这个this,必须在你实例化GodClass之后才会产生
        }

    }else{
        alert('不要胡搞');
    }
}

var God = new GodClass({version:'1.0'});
alert(God.version); //弹出 '1.0'

上面代码是可以的。

下面我们完成作业，通过一个类似静态函数的方式，修改GodClass类

var GodClass = function abc(obj){
    if(this instanceof abc){

        if(obj != undefined){
            //把obj中的可枚举属性赋值给this
            Object.assign(this,obj); //注意:这个this,必须在你实例化GodClass之后才会产生
        }

    }else{
        alert('不要胡搞');
    }
}

//定义一个init方法
GodClass.init = function(obj){
    if(obj != undefined){
        Object.assign(this.prototype,obj); //注意:这里是把obj对象的属性赋值给了this的prototype
    }
}

注意，我们给GodClass增加了一个init方法，该方法接收一个对象，我们把对象中的属性赋值给了原型(prototype)上。

以后我们只需要调用一次init方法后，后面再实例化GodClass就不必传入参数了：

//然后我们可以通过类似静态函数的方法传入参数
GodClass.init({version:'1.0'});

//这里实例化的时候可不传入参数
var God = new GodClass();
alert(God.version); //弹出 '1.0'

这节课我们来训练所谓的对象继承

关键点 Function.prototype.call()
方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法

//基类
var BaseNews = function () {
    this.display = function(){
        alert('新闻基类');
    };
}

var SportsNews = function () {

    BaseNews.call(this); //这样就继承了BaseNews类中的方法
}

我们使用SportsNews类：

//实例化
var sn = new SportsNews();
sn.display(); //发现确实存在这个方法

我们还可以通过另外的方式来扩展
除了在SportsNews中，还可以直接在Function的原型上增加扩展，修改如下：

//基类
var BaseNews = function () {
    this.display = function(){
        alert('新闻基类');
    };
}

//给Function进行扩展
Function.prototype.extends = function (className) {
    className.call(this.prototype);
}

//定义SportsNews
var SportsNews = function () {
}

上面代码可以看出，我们给Function.prototype增加了extends方法，此方法就是用来扩展类的。
因为增加在原型上所以SportsNews也有该方法，我们来扩展SportsNews：

//扩展SportsNews
SportsNews.extends(BaseNews);

//实例化
var sn = new SportsNews();
sn.display(); //发现确实存在这个方法

这个时候，发现实例化后的SportsNews对象，还是有display方法，因为extends方法，是call了基类的原型。