转:javascript 对象和原型

下面的代码创建对象:

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都是一样的么?

原文地址:https://www.cnblogs.com/youxin/p/2950664.html