在JavaScript中使用“prototype”与“this”？

两者之间有什么区别

var A = function () {
    this.x = function () {
        //do something
    };
};

and

var A = function () { };
A.prototype.x = function () {
    //do something
};

当前回答

我知道这已经得到了答案，但我想展示一个速度差异的实际例子。

直接作用于对象：

函数ExampleFn（）{this.print=函数（）{console.log（“正在调用打印！”）；}}var对象=[]；控制台时间（'x'）；for（设i=0；i<2000000；i++）{objects.push（new ExampleFn（））；}console.timeEnd（'x'）；//x： 1151.960693359375毫秒

原型上的功能：

函数ExampleFn（）{}ExampleFn.prototype.print=函数（）{console.log（“正在调用打印！”）；}var对象=[]；控制台时间（'y'）；for（设i=0；i<2000000；i++）{objects.push（new ExampleFn（））；}console.timeEnd（'y'）；//x： 617.866943359375毫秒

在这里，我们使用Chrome中的打印方法创建了2000000个新对象。我们将每个对象存储在一个数组中。在原型上打印大约需要1/2的时间。

2017-07-28 20:56:22

其他回答

有什么区别？=>很多。

我认为，这个版本用于实现封装，即数据隐藏。它有助于处理私有变量。

让我们看一下以下示例：

var AdultPerson = function() {

  var age;

  this.setAge = function(val) {
    // some housekeeping
    age = val >= 18 && val;
  };

  this.getAge = function() {
    return age;
  };

  this.isValid = function() {
    return !!age;
  };
};

现在，原型结构可以应用如下：

不同的成年人有不同的年龄，但所有成年人都享有相同的权利。所以，我们使用原型而不是这个添加它。

AdultPerson.prototype.getRights = function() {
  // Should be valid
  return this.isValid() && ['Booze', 'Drive'];
};

现在让我们看看实现。

var p1 = new AdultPerson;
p1.setAge(12); // ( age = false )
console.log(p1.getRights()); // false ( Kid alert! )
p1.setAge(19); // ( age = 19 )
console.log(p1.getRights()); // ['Booze', 'Drive'] ( Welcome AdultPerson )

var p2 = new AdultPerson;
p2.setAge(45);    
console.log(p2.getRights()); // The same getRights() method, *** not a new copy of it ***

希望这有帮助。

2014-01-06 06:13:34

第一个示例仅更改该对象的接口。第二个示例更改该类的所有对象的接口。

2008-11-22 04:43:28

原型是类的模板；这适用于它的所有未来实例。而这是对象的特定实例。

2008-11-22 06:16:02

当您使用原型时，函数只会被加载到内存中一次（取决于您创建的对象数量），并且您可以随时重写该函数。

2020-07-22 15:30:59

正如其他答案中所讨论的，这确实是一个性能考虑因素，因为原型中的函数与所有实例化共享，而不是为每个实例化创建的函数。

我制作了一个jsperf来展示这一点。实例化类所需的时间有着巨大的差异，尽管只有在创建许多实例时，它才真正相关。

http://jsperf.com/functions-in-constructor-vs-prototype

2014-08-14 18:18:30