JavaScript對象繼承的方法

標籤：原型   對象繼承   

    寫這個話題單純是給自己做筆記了，不然老忘記。

    第一種方法：

    function fn1(x) {        this.x = x;    }    function fn2(x, y) {        this.tmpObj = fn1;        this.tmpObj(x);        delete this.tmpObj;        this.y = y;    }

    第二種方法：call()或apply()

    function fn1(x) {        this.x = x;    }    function fn2(x, y) {        fn1.call(this, x);        this.y = y;    }

    第三種方法：原型鏈繼承

    function fn1(x) {        this.x = x;    }    fn1.prototype.y = function() {        console.log("i am pomelo");    }    function fn2() {}    fn2.prototype = new fn1();    fn2.prototype.constructor = fn2;    var fn2Obj = new fn2();    fn2Obj.y();

    實際用得最多的是第二種和第三種。

    function fn1(x) {        this.x = x;    }    fn1.prototype.z = function() {        console.log("i am pomelo");    }    function fn2(x, y) {        fn1.apply(this, [x]);        this.y = y;    }    fn2.prototype = new fn1();    fn2.prototype.constructor = fn2;    var fn2Obj = new fn2(1024, 2048);    console.log(fn2Obj.x);    console.log(fn2Obj.y);    fn2Obj.z();

JavaScript對象繼承的方法