每个对象都链接到原型对象。当试图访问不存在的属性时，JavaScript将在对象的原型对象中查找该属性，如果该属性存在，则返回该属性。

函数构造函数的prototype属性引用使用new时使用该函数创建的所有实例的原型对象。

在第一个示例中，您将向使用a函数创建的每个实例添加属性x。

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

var a = new A();    // constructor function gets executed
                    // newly created object gets an 'x' property
                    // which is a function
a.x();              // and can be called like this

在第二个示例中，您将向原型对象添加一个属性，所有使用a创建的实例都指向该属性。

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

var a = new A();    // constructor function gets executed
                    // which does nothing in this example

a.x();              // you are trying to access the 'x' property of an instance of 'A'
                    // which does not exist
                    // so JavaScript looks for that property in the prototype object
                    // that was defined using the 'prototype' property of the constructor

总之，在第一个示例中，函数的副本被分配给每个实例。在第二个示例中，所有实例共享函数的单个副本。

有什么区别？=>很多。

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

让我们看一下以下示例：

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 ***

希望这有帮助。

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

每个对象都链接到原型对象。当试图访问不存在的属性时，JavaScript将在对象的原型对象中查找该属性，如果该属性存在，则返回该属性。

函数构造函数的prototype属性引用使用new时使用该函数创建的所有实例的原型对象。

在第一个示例中，您将向使用a函数创建的每个实例添加属性x。

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

var a = new A();    // constructor function gets executed
                    // newly created object gets an 'x' property
                    // which is a function
a.x();              // and can be called like this

在第二个示例中，您将向原型对象添加一个属性，所有使用a创建的实例都指向该属性。

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

var a = new A();    // constructor function gets executed
                    // which does nothing in this example

a.x();              // you are trying to access the 'x' property of an instance of 'A'
                    // which does not exist
                    // so JavaScript looks for that property in the prototype object
                    // that was defined using the 'prototype' property of the constructor

总之，在第一个示例中，函数的副本被分配给每个实例。在第二个示例中，所有实例共享函数的单个副本。

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

在大多数情况下，它们本质上是相同的，但第二个版本节省了内存，因为只有一个函数实例，而不是每个对象都有一个单独的函数。

使用第一个表单的原因是访问“私人成员”。例如：

var A = function () {
    var private_var = ...;

    this.x = function () {
        return private_var;
    };

    this.setX = function (new_x) {
        private_var = new_x;
    };
};

由于javascript的作用域规则，private_var可用于分配给this.x的函数，但不能在对象外部使用。