下面的代码创建对象:
var Person = function (name, age) { this.name = name; this.age = age; this.Introduce = function () { alert("My name is " + name + ".I'm " + age); }; }; var person = new Person("飞林沙", 21); for (var p in person) { alert(p); } alert(person["name"]);
这样的代码没偶任何问题,首先用遍历的方式来找到person所有的key(属性和方法名)。然后我们用索引的方式来访问person对象的name属性。
这些都没有问题,可是我们是不是看到了一个引申的问题,从传统面向对象的语言来看,name和age应该属于私有变量,那么这样用person简简单单的访问,是不是破坏了封装性呢?
还记得我们在前文中说过的么?var的叫变量,没有var的叫属性。那么我们如果讲代码改成这个样子。
var Person = function (name, age) { var name = name; var age = age; this.GetName = function () { return name; } this.GetAge = function () { return age; } this.Introduce = function () { alert("My name is " + name + ".I'm " + age); }; }; var person = new Person("飞é林?沙3", 21); alert(person["name"]); //undefined alert(person.GetName());
这样就可以封装得很好了,这也是在Javascript中的封装方式。
原型的提出:
var Person = function (name, age) { this.name = name; this.age = age; this.Introduce = function () { alert("My name is " + this.name + ".I'm " + this.age); }; }; var person1 = new Person("飞林沙", 21); var person2 = new Person("kym", 26); alert(person1.Introduce == person2.Introduce);
结果弹出false。也就是说,这两个对象的方法是不同的方法。那么我们知道,在C#中,每个对象会维护着一个方法表,可是方法表应该指向同一块地址。如果是这样的话,那当我们声明了100个对象,是不是要建立100个对象拷贝,对空间是不是一个很大的浪费呢?
于是我们就想了这样的解决办法,用prototype:
var Person = function (name, age) { this.name = name; this.age = age; }; Person.prototype.Introduce = function () { alert("My name is " + this.name + ".I'm " + this.age); } var person1 = new Person("飞林沙", 21); var person2 = new Person("kym", 26); alert(person1.Introduce == person2.Introduce);
这样就可以了。所以你还会再说是否用prototype都是一样的么?