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

  • 相关阅读:
    分享一个详情页
    ES6初探,变量的声明
    ES6初探,什么是ES6
    提问回顾
    个人阅读&个人总结
    结对项目-数独程序扩展
    个人作业Week3-案例分析
    个人作业Week2-代码复审
    个人作业1
    【个人项目】数独
  • 原文地址:https://www.cnblogs.com/youxin/p/2950664.html
Copyright © 2020-2023  润新知