在创建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
调用构造函数时都会使用更多的内存来创建一组新的函数。 - 如果创建的
Dog
s数量很少,并且发现在构造函数中使用局部的“私有”变量可以改善代码,那么这可能是更好的方法。如果性能或内存消耗是主要问题,请运用您的判断并做一些基准测试。
可以使用混合方法,在此方法中,仅在构造函数中定义需要访问本地私有构造函数变量的方法,而将其他方法分配给原型。
For example, the code below uses a local variable in the constructor to keep track of the number of times this dog has barked while keeping the actual number private, so the barking-related methods are defined inside the constructor. Tail wagging does not require access to the number of barks, therefore that method can be defined on the prototype.
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();
两者是不同的:第一个将仅在原型对象上存储对方法的引用,而第二个解决方案将在每个对象上存储方法。这意味着每个对象将包含一个额外的指针,因此每个对象占用更多的内存。
每个对象的方法允许该方法引用构造函数中的变量(闭包),因此,它允许您访问一些无法从原型方法访问的数据。
最后,可以稍后更改原型方法,也就是可以Bark
在运行时在原型对象上重新定义,并且此更改将适用于具有该原型的所有对象(因为始终在原型中查找该方法)。
我见过的绝大多数javascript代码都使用原型方法。我认为有三点原因可以让我想到。
首先是要避免让每个类都成为一个巨大的构造函数:构造函数函数中应包含构造函数逻辑,其他地方应声明其他方法的逻辑-这主要是为了澄清/关注点分离,但是在javascript中,您需要每一点显而易见,您可以动手操作。
第二是效率。在构造函数中声明方法时,您正在为该对象的每个实例创建函数对象的新实例,并将构造函数的范围绑定到这些函数中的每个函数(也就是说,它们可以引用,例如构造函数的参数,只要该对象存在,就永远无法进行gc)。当您在原型上声明方法时,所有实例都会使用该函数对象的单个副本-原型属性不会复制到实例上。
第三个原因是,当您使用原型方法时,您可以通过各种方式“扩展”类,例如Backbone.js使用的原型链和CoffeeScript的类构造。
文章标签:javascript , oop
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!
评论已关闭!