javascript - JavaScript中这两种写原型(prototype)函数的方式有什么区别

Question

Myfunction.prototype.updateMyFunction = function() {

 //do something

};

Myfunction.prototype = {

 updateMyfunction: function() {

  //do something

 }

};

它们都产生相同的结果

Answer 1

第一个是向 Myfunction.prototype 添加属性，而第二个是用新对象完全替换 Myfunction.prototype。

结果不会总是相同的。考虑这种情况 -

Myfunction.prototype.oldMethod = function () {

};

Myfunction.prototype.updateMyFunction = function() {

    //do something

};

添加最后一个方法后，您将能够稍后访问 oldMethod 和 updateMyFunction。如果你这样做 -

Myfunction.prototype.oldMethod = function () {

};

Myfunction.prototype = {

    updateMyfunction: function() {

        //do something

    }
};

然后 oldMethod 将从原型(prototype)链中删除(因为 prototype 本身正在被新对象替换)并且您将无法再访问它.