Javascript 原型(prototype)方法与内部方法

Question

这个问题已经有答案了:

Javascript when to use prototypes (6 个回答)

已关闭 8 年前。

使用prototype创建方法有什么区别并只是在函数内创建它？例如，methodOne 之间有什么区别？和methodTwo下面？

function myFunc() {
  this.methodOne = function () { console.log("First method.")};
}

myFunc.prototype.methodTwo = function () { console.log("Second method.")};

它们的行为方式似乎相同:

var myFuncInstance = new myFunc();
myFuncInstance.methodOne();
myFuncInstance.methodTwo();

但我的感觉是methodTwo ，通过访问prototype直接，就是做一些不同的事情。

Answer 1

区别在于 myFunc 的每个实例共享同一个 methodTwo 实例，但拥有自己的 methodOne 实例.

即

var foo = new myFunc();
var bar = new myFunc();
foo.methodOne === bar.methodOne; // false
foo.methodTwo === bar.methodTwo; // true

更进一步来说，如果您要创建 1000 个 myFunc 实例，那么您将创建 1000 个 methodOne 函数，它们都执行相同的操作。仍然只有一个 methodTwo 函数。