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

  • 相关阅读:
    android EditText 软键盘 一些总结
    Activity的4种加载模式最佳解答及Intent常用标识
    Android App监听软键盘按键的三种方式
    解决ScrollView下嵌套ListView、GridView显示不全的问题(冲突)
    Android使用WindowManager实现悬浮窗口
    android 设置软键盘默认为26位软键盘
    android:configChanges属性总结
    空腹吃香蕉对身体好吗?哪些水果不宜空腹吃
    冒泡排序,选择排序,二分法
    Android:内存优化的一些总结
  • 原文地址:https://www.cnblogs.com/youxin/p/2950664.html
Copyright © 2011-2022 走看看