在创建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
可以使用混合方法,其中在构造函数中仅定义需要访问局部私有构造函数变量的方法,而将其他方法分配给原型。
例如,下面的代码在构造函数中使用局部变量来跟踪此狗吠叫的次数,同时将实际数量保持私有,因此与吠叫相关的方法在构造函数中定义。尾部摇摆不需要访问树皮的数量,因此可以在原型上定义该方法。
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();