prototype是JavaScript比较难明白的一部份，绕来绕去的。不睬出眉目来，明白原型的观点是件头疼的事变。
为了轻易背面的申明，先从对象提及。

对象

广义对象

JavaScript里任何事物都是对象，不管什么，都是从Objec衍生出来的。function，array，string,{},都是对象。只是人人的功用各有差别。Object就像女娲，JavaScript天下的任何事物，都是它“制造”的。这里的对象是广义的泛指的对象，是统统事物的统称。

狭义对象

狭义对象是指寻常的对象范例，经由历程var p = new Object()或许经由历程var p = {}的体式格局建立出来的东西。用来示意某一种事物,包括事物的属性和要领。背面我们说的对象就是狭义对象，特地指JavaScript里发生出来的实例对象。其他的函数、数组等我们只从它自身的功用角度来对待，不看成对象，看成是实行功用、贮存数据的一种东西。

对象的发生

对象的建立

我们建立一个对象最经常使用的要领时var p = {},这只是JavaScript建立对象的快捷体式格局，其根本是经由历程var p = new Object()的体式格局发生。这类体式格局是经由历程组织函数来建立对象的。

组织函数

组织函数建立对象

怎样经由历程组织函数来建立对象呢？网上有许多材料，这里简朴叙说一下。有以下组织函数：

function Person(name) {
    this.name = name; // 属性
    this.run = function() { // 要领
        console.log("I'm running");
    }
}

上面是一个简朴的组织函数。组织函数它首先是一个函数，跟我们寻常写的函数是统一类。差别的是它内里有一个this指针，指向经由历程它发生的实例对象。别的，首字母大写是我们用以辨别组织函数和一般函数的语法习气，没有强迫划定一定要大写。但为了轻易明白最好用首字母大写的定名习气来定名。

var p = new Person();

经由历程new的体式格局建立实例。上面变量p就是一个实例对象，它包括了一个name属性和一个run要领。用new 组织函数建立对象的历程有两步：

1. 在内存中拓荒一块内存地址，用以寄存新的实例对象
2. 实例对象挪用组织函数，那末内里的this指针指向这个实例，从而为对象设置了name属性和run要领。

name属性和run要领将是实例对象自身的东西，属于对象自有。相称于你看到的结果是如许一个对象：

p = {
    name: "Pelemy",
    run: functioin() {
        cosole.log("I'm running");
    }
}

实例对象反复建立的题目

根据上面的步骤建立对象，每实行一次 new Person() 就会有一个新的对象发生。

var p1 = new Person(); // 新对象，新的内存空间
var p2 = new Person(); // 新对象，新的内存空间
console.log(p1 === p2); // false
console.log(p1.run === p2.run) // false

每一个对象都有自身name属性和run要领。这里有个题目，每一个实例对象run要领的完成都是一样的，这是一个雷同的要领。雷同的要领每一个人都有一个，这很浪费资源。如果有一个处所同享，统一品种的对象都去同享的处所取就好了，不需要每一个都留一个备份在自身身上。为了处置惩罚这类状况，prototype发生了。

组织函数的prototype属性

组织函数中this指针设置的属性和要领将是新实例对象自身具有的属性和要领，我们叫当地属性和要领。为了使各个发生的实例对象不反复设置雷同的属性或要领，JavaScript把这部份放到了组织函数的一个处所，这个处所就是组织函数的prototype属性指向的对象（注重这里的对象也是前面说的狭义对象）。prototype本意是原型、蓝图，在这里我以为把它叫做“援用属性”来明白更贴切。照样之前面的例子。

function Person(name) {
    this.name = name; // 定义当地属性
}
Person.prototype.run = function() { // 定义援用要领
    console.log("I'm running");
}

这里可能会倏忽让人头疼。Person.prototype.run倏忽多了这么长一串，一连三个点。我们一个个看。首先把prototype看成一个属性，就像我们常写一个对象的属性那样，比方 car.color, car.speed。这里也一样，prototype是组织函数的一个属性，它的值是一个对象

Person.prototype = {
 // properties and methods
}

这个对象就是未来我们用来寄存同享属性和要领的。这些属性和要领能够被实例对象援用。注重是援用，也就是自身没有，指向那边去挪用就好了。然后在这个对象里定义run要领

Person.prototype = {
   // properties and methods
   run: function() {
     console.log("I'm running");
   }
}

固然，我们这里只是为了多定义一个run要领，而不是定义全部prototype的对象（如许会把这个对象的其他要领擦掉，只剩下run要领）。所以定义全部援用要领的体式格局就是
object.run = … 即
Person.prototype.run = …
如许新建立的实例再也不必自身定义这个要领，只要从同享对象上援用就好了。举例：

function Person(name) {
    this.name = name; // 属性
    this.myfunction = function() {
        console.log("just work for me");
    }
}
Person.prototype.run = function (distance) {
    console.log("I've run " + distance + " meters");
}
var p1 = new Person("Pelemy");
var p2 = new Person("Summmy");
console.log(p1.name); // Pelemy
p1.run(100); // I've run 100 meters
console.log(p2.name); // Summy
p2.run(200); // I've run 200 meters

p1,p2的自身没有run要领（组织函数里没定义），但都能实行到，他们是援用prototype里的run要领。实行要领时，先在当地查找是不是有这个要领，没有则向上寻觅prototype对象是不是有，有则实行这个要领。这里能够经由历程hasOwnProperty要领来推断当地是不是有这个要领,相沿上面的例子

console.log(p1.hasOwnProperty("run")); // false
console.log(p1.hasOwnProperty("myfunction"); // true;
console.log(p1.hasOwnProperty("name"); // true;

把组织函数的定义视为当地属性定义，把prototype属性对象视为援用属性定义，如许分开来明白，就会轻松多了。

对象的援用对象与组织函数的prototype属性的关联

实例对象建立后，组织函数中的属性和要领成为当地属性和要领，prototype中的属性和要领成为援用属性和要领。我想晓得一个实例对象发生后，怎样晓得这个对象是从那里援用的？对象不像组织函数，生下来就有prototype属性，连接着援用对象。但对象有一个只读的属性__proto__,指向的就是它的援用对象（这叫隐式原型对象）。这个对象和组织函数的prototype指向的是统一个对象。由于援用对象是放在那边供他人援用的，不会复制或从新发生，所以它是被直接定义到实例对象的__proto__的。

function Person(name) {
    this.name = name; // 属性
}

var p = new Person();
console.log(p.__proto__ === Person.prototype); // true

prototype对象怎样发生

这个prototype对象是怎样来的呢？组织函数在JavaScript中发生时，随即就有一个它的援用对象（prototype属性指向的对象）发生了。它是伴随着组织函数发生的。

延长

• prototype是组织函数生来就有的属性，对象是没有的。
• 组织函数的prototype属性的值是一个对象。即Person.prototype是一个对象
• prototype的属性和要领是共用属性和要领，是一切实例对象都有，差别的属性和要领在组织函数完成，按如许建立对象就是类的继续的体式格局了。发生的实例对象相称于都从父类继续过来，这就是为何把援用的这个对象叫原型（不叫援用或同享）的缘由了。

总结

1. 组织函数中定义的属性和要领是当地属性和要领，prototype指向的对象定义的属性和要领是援用属性和要领。
2. prototype定义的属性和要领能被实例配合援用，是配合的部份，相称于每一个对象都有和援用对象一样的属性和要领，而自身的要领就经由历程组织函数来显现。