摘要：

函数是javascript中的对象，因此可以具有财产（构造函数）函数始终具有原型属性当函数用作带有new关键字的构造函数时，对象将获得原型。可以在新创建的对象的__proto__属性中找到对该原型的引用。此__proto__属性引用构造函数的原型属性。

例子：

职能人员（姓名）{this.name=名称；}let me=新人（'willem'）；console.log（Person.prototype）//Person具有prototype属性console.log（Person.prototype==me.__proto__）//实例的__proto__属性引用函数的原型属性。

为什么这很有用：

Javascript在查找Objects上的财产时有一种机制，称为“原型继承”，其基本功能如下：

如果属性位于Object本身，则选中First。如果是，则返回此属性。如果属性不位于对象本身，它将“爬上协议链”。它基本上看proto属性所指的对象。在那里，它检查proto引用的对象上的属性是否可用如果属性不位于原型对象上，它将沿着原型链一直爬到对象对象。如果在对象及其原型链上找不到属性，则返回undefined。

例如：

职能人员（姓名）{this.name=名称；}let mySelf=新人（'Wilem'）；console.log（mySelf.__proto__==Person.prototype）；console.log（mySelf.__proto__.__proto__==对象.原型）；

更新：

__proto__属性已被弃用，尽管它在大多数现代浏览器中实现，但获取原型对象引用的更好方法是：

对象.getPrototypeOf（）

原型允许您创建类。如果不使用原型，那么它将成为静态的。

这里有一个简短的例子。

var obj = new Object();
obj.test = function() { alert('Hello?'); };

在上面的例子中，您有静态函数调用测试。该函数只能由obj.test访问，您可以将obj想象为一个类。

其中如下代码所示

function obj()
{
}

obj.prototype.test = function() { alert('Hello?'); };
var obj2 = new obj();
obj2.test();

obj已成为一个现在可以实例化的类。可以存在多个obj实例，它们都具有测试功能。

以上是我的理解。我正在把它做成一个社区维基，所以如果我错了，人们可以纠正我。

考虑以下keyValueStore对象：

var keyValueStore = (function() {
    var count = 0;
    var kvs = function() {
        count++;
        this.data = {};
        this.get = function(key) { return this.data[key]; };
        this.set = function(key, value) { this.data[key] = value; };
        this.delete = function(key) { delete this.data[key]; };
        this.getLength = function() {
            var l = 0;
            for (p in this.data) l++;
            return l;
        }
    };

    return  { // Singleton public properties
        'create' : function() { return new kvs(); },
        'count' : function() { return count; }
    };
})();

我可以通过执行以下操作创建此对象的新实例：

kvs = keyValueStore.create();

此对象的每个实例都将具有以下公共财产：

数据收到设置删去获取长度

现在，假设我们创建了这个keyValueStore对象的100个实例。尽管get、set、delete、getLength将对这100个实例中的每一个执行完全相同的操作，但每个实例都有自己的函数副本。

现在，想象一下，如果您只有一个get、set、delete和getLength副本，并且每个实例都引用相同的函数。这将更好地提高性能，并且需要更少的内存。

原型就是这样产生的。原型是财产的“蓝图”，它是继承而不是被实例复制的。因此，这意味着对于一个对象的所有实例，它只在内存中存在一次，并且由所有这些实例共享。

现在，再次考虑keyValueStore对象。我可以这样重写：

var keyValueStore = (function() {
    var count = 0;
    var kvs = function() {
        count++;
        this.data = {};
    };

    kvs.prototype = {
        'get' : function(key) { return this.data[key]; },
        'set' : function(key, value) { this.data[key] = value; },
        'delete' : function(key) { delete this.data[key]; },
        'getLength' : function() {
            var l = 0;
            for (p in this.data) l++;
            return l;
        }
    };

    return  {
        'create' : function() { return new kvs(); },
        'count' : function() { return count; }
    };
})();

这与keyValueStore对象的上一版本完全相同，只是它的所有方法现在都放在一个原型中。这意味着，所有100个实例现在都共享这四个方法，而不是每个实例都有自己的副本。

我总是喜欢用类比来理解这类事情在我看来，原型继承与类低音继承相比非常令人困惑，尽管原型是更简单的范例。事实上，对于原型来说，确实没有继承，因此名称本身就具有误导性，更像是一种“委托”。

想象一下。。。。

你在上高中，你在课堂上，有一个今天到期的测验，但你没有笔来填写你的答案。多！

你坐在你的朋友芬尼乌斯旁边，他可能有一支笔。你问，他环顾了一下他的桌子，但没有成功，但他不是说“我没有笔”，而是一个很好的朋友，他会和他的另一个朋友Derp检查是否有笔。德普确实有一支备用笔，并将其交给芬尼乌斯，后者将其交由你完成测验。德普已将笔交给芬尼乌斯，后者已将笔委托给你使用。

这里重要的是，德普不会把笔交给你，因为你和他没有直接关系。

这是原型如何工作的一个简化示例，其中搜索数据树以查找您要查找的对象。

另一种尝试是用更好的图片解释基于JavaScript原型的继承

这里有两个不同但相关的实体需要解释：

函数的.prototype属性。所有对象[2]的[[Prototype]][1]属性。

这是两件不同的事情。

[[Prototype]]属性：

这是存在于所有[2]对象上的属性。

这里存储的是另一个对象，作为一个对象本身，它有一个自己的[[Prototype]]，指向另一个。另一个对象有自己的[[Prototype]]。这个故事一直持续到您到达原型对象，该对象提供了可在所有对象（如.toString）上访问的方法。

[[Prototype]]属性是形成[[Prototype]]链的一部分。例如，对对象执行[[Get]]或[[Set]]操作时，会检查[[Prototype]]对象链：

var obj = {}
obj.a         // [[Get]] consults prototype chain
obj.b = 20    // [[Set]] consults prototype chain

.prototype属性：

这是一个只能在函数上找到的属性。使用一个非常简单的函数：

function Bar(){};

.prototype属性保存一个对象，当您执行var b=new Bar时，该对象将被分配给b.[[prototype]]。您可以轻松检查：

// Both assign Bar.prototype to b1/b2[[Prototype]]
var b = new Bar;
// Object.getPrototypeOf grabs the objects [[Prototype]]
console.log(Object.getPrototypeOf(b) === Bar.prototype) // true

最重要的原型之一是Object函数的原型。此原型包含所有[[prototype]]链包含的原型对象。在上面，定义了新对象的所有可用方法：

// Get properties that are defined on this object
console.log(Object.getOwnPropertyDescriptors(Object.prototype))

现在，由于.prototype是一个对象，它有一个[[prototype]]属性。如果您没有对Function.prototype进行任何赋值，.prototype的[[prototype]]将指向原型对象（object.prototype）。这将在您创建新函数时自动执行。

这样，任何时候你做新酒吧；原型链已为您设置，您将获得Bar.prototype上定义的所有内容和Object.prototype中定义的所有信息：

var b = new Bar;
// Get all Bar.prototype properties
console.log(b.__proto__ === Bar.prototype)
// Get all Object.prototype properties
console.log(b.__proto__.__proto__ === Object.prototype)

当您对Function.prototype进行赋值时，您所做的就是扩展原型链以包含另一个对象。这就像在一个单独链接的列表中插入。

这基本上改变了[[Prototype]]链，允许在分配给Function.Prototype的对象上定义的财产被函数创建的任何对象看到。

[1]这不会让任何人感到困惑；在许多实现中都可以通过__proto__属性获得。[2] ：除空值外的所有值。