原型的目的是什么?

< p > 可能的重复: < br > 原型'和& # 39;这个# 39;在JavaScript中? < / p >

好吧，我对JS中的OOP的概念有点陌生。

下面这两段代码的区别是什么:

function animal(){
this.name = 'rover';
this.set_name = function(name){
this.name = name;
}
}

function animal(){
this.name = 'rover';
}
animal.prototype.set_name = function(name){
this.name = name;
}

它们都做同样的事情，那么有什么不同呢?

59620 次浏览
小开
最佳答案

使用原型可以更快地创建对象，因为原型上的属性/方法不必在每次创建新对象时重新创建。

当你这样做的时候:

function animal() {
this.name = 'rover'
this.set_name = function (name) {
this.name = name
}
}

每次创建动物时都会创建set_name方法。但是当你这样做的时候

animal.prototype.set_name = function (name) {
this.name = name
}

该方法不必每次都重新创建;它只存在于原型中的一个地方。因此，当你调用someAnimal.set_name("Ubu");时，this上下文将被设置为someAnimal，并且(唯一的)set_name方法将被调用。

使用第一种语法有一个好处:以这种方式创建的方法可以访问私有数据:

function animal() {
var privateData = 'foo'


this.name = 'rover'
this.set_name = function (name) {
this.name = name
alert(privateData) //will alert 'foo'
}
}

Douglas Crockford将这样创建的方法称为“privileged”;出于这个原因:他们既可以访问公共数据，也可以访问私人数据。

小开

当您从这些函数创建新对象时，就会出现差异

var animal1 = new animal();

由第一个函数创建的所有对象将具有不同的name和set_name属性。然而，由第二个函数创建的所有对象将共享set_name属性。

小开

在第一个例子中，每个单独的动物都有自己的set_name函数属性，而在第二个例子中，它们通过原型共享相同的函数。

第一个版本的优点是方法可以访问构造函数内部声明的局部(私有)变量。

第二种方法的优点是它需要更少的内存(因为你只存储方法一次而不是一百万次)，并且在当前的JS引擎中性能更好。

使用第二种方法，您还可以修改或向类中添加方法，同时影响已经创建的实例。


提交答案