JS面向对象(二)——构造函数的继承

构造函数的封装请移步 http://www.cnblogs.com/JDDDD/p/5392231.html

对象之间继承一共有五种方法

比如现在有一个Person的构造函数，有两个属性name和sex，有两个方法showName()和showSex()

        function Person(name , sex) {
            this.name = name;
            this.sex = sex;
        }
        Person.prototype.showName = function () {
            alert(this.name);
        };
        Person.prototype.showSex = function () {
            alert(this.sex);
        };

现在又有一个Worker的构造函数，有一个属性

        function Worker(name , sex , job) {

            //this--->new出来的worker对象
            this.job = job;
        }

现在需要让Worker去继承Person

方法一 构造函数绑定

使用call或者apply方法(可以将一个对象替换成当前对象，这边即将Person对象替换成当前的Worker对象)，将父对象的构造函数绑定在子对象上

 //------>工人的继承
        function Worker(name , sex , job) {
           // Person.apply(this ,[name,sex]);
            Person.call(this,name,sex);
            this.job = job;
        }
　　　　　
        var oW = new Worker('jiang','male','boss');
        alert(oW.name);
        oW.showName();    

这时我们会发现第一个alert是可以输出的，而第二个oW.showName()却无法调用 ， 控制台会提示oW.showName() is not a function 这是因为我们没有复制父级的原型 改进如下

       //------>工人的继承
        function Worker(name , sex , job) {
            Person.apply(this ,[name,sex]);
            this.job = job;
        } 
        
        for(var i in Person.prototype){
            Worker.prototype[i] = Person.prototype[i];
        }

        var oW = new Worker('jiang','male','boss');
        alert(oW.name);
        oW.showName();

这时oW.showName()就可以输出内容 jiang，当然这边不能直接使用Worker.prototype = Person.prototype 因为这样的话子对象的prototype的改变将会影响到父级的prototype， 这个关系到引用的问题 ， 这里不作展开 ，具体请看。