JS 往原型中新增方法

SuperSuperJoker發表於2020-10-26

往原型裡新增方法的方式有兩種。

第一種,往原型中新增一個方法。

 function User(name) {
        this.name = name
    }

    User.prototype.show = function () {
        console.log(this.name)
    };
    let Joker = new User.prototype.constructor("Joker");
    Joker.show();

第二種,往原型中新增多個方法。

 function User(name) {
        this.name = name
    }

    User.prototype = {
        constructor: User,
        show() {
            console.log(this.name)
        }
    };
    let Joker = new User.prototype.constructor("Joker");
    Joker.show();

這裡為什麼要寫constructor呢,因為當我們使用第二種方法新增多個方法的時候,相當於把一個新物件賦值給原型,指向改變了,所以要加一個constructor重新指向User,才能正常列印。

相關文章