在构造函数和原型中声明javascript对象方法[重复]

Z时代
2024-01-10
分类：问答

在创建javascript对象时，我可以在构造函数或原型中放置方法声明。例如，说我想要一个具有Name属性和Bark方法的Dog类。我可以将Bark方法的声明放入构造函数中：

var Dog = function(name) {
    this.Name = name;
    this.Bark = function() {
        alert(this.Name + " bark");
    };
}

或者我可以作为方法放在原型对象上：

var Dog = function(name) {
    this.Name = name;
}
Dog.prototype.Bark = function() {
    alert(this.Name + " bark");
};

当我实例化Dog类型的对象时，两种方法似乎都可以正常工作：

var dog = new Dog("Fido");
dog.Bark();  //Both approaches show "Fido bark"

我是否应该优先选择其中一种方法？使用一个相对于另一个有什么好处吗？在幕后，这两种方法最终会做完全一样的事情吗？大多数人倾向于哪种方法？

谢谢您的帮助。

回答：

对于您给出的示例，应使用原型方法。通常，这取决于。第一种方法（在构造函数中初始化方法）的主要优点是，可以通过在方法的构造函数中定义的局部变量来利用闭包。这些变量不能在构造函数外部直接访问，因此实际上是“私有”的，这意味着与将这些变量定义为对象的属性相比，您的API更干净。一些一般的经验法则：

如果您的方法未使用构造函数中定义的局部变量（您的示例未使用），请使用原型方法。

如果要创建大量Dog，请使用原型方法。这样，所有“实例”（即，由Dog构造函数创建的对象）将共享一组函数，而对于构造函数，每次Dog调用构造函数时都会使用更多的内存来创建一组新的函数。

如果创建的Dogs 数量很少，并且发现在构造函数中使用局部的“私有”变量可以改善代码，那么这可能是更好的方法。如果性能或内存消耗是主要问题，请运用您的判断并做一些基准测试。

可以使用混合方法，其中在构造函数中仅定义需要访问局部私有构造函数变量的方法，而将其他方法分配给原型。

例如，下面的代码在构造函数中使用局部变量来跟踪此狗吠叫的次数，同时将实际数量保持私有，因此与吠叫相关的方法在构造函数中定义。尾部摇摆不需要访问树皮的数量，因此可以在原型上定义该方法。

var Dog = function(name) {
    this.name = name;
    var barkCount = 0;
    this.bark = function() {
        barkCount++;
        alert(this.name + " bark");
    };
    this.getBarkCount = function() {
        alert(this.name + " has barked " + barkCount + " times");
    };
};
Dog.prototype.wagTail = function() {
    alert(this.name + " wagging tail");
};
var dog = new Dog("Dave");
dog.bark();
dog.bark();
dog.getBarkCount();
dog.wagTail();