zoukankan      html  css  js  c++  java
  • 转: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都是一样的么?

  • 相关阅读:
    HTML5学习
    Python随手记
    Python学习之warn()函数
    Redis学习
    多线程--wait()和notify(),Thread中的等待和唤醒方法
    Interrupt中断线程注意点
    Thread中yield方法
    mysql创建唯一索引,避免数据重复插入
    Jquery自动补全插件的使用
    linux ssh免密登陆远程服务器
  • 原文地址:https://www.cnblogs.com/youxin/p/2950664.html
Copyright © 2011-2022 走看看