您的位置:知识库 » Web前端

JavaScript学习笔记六:prototype的提出

作者: 飞林沙  来源: 博客园  发布时间: 2010-01-19 10:24  阅读: 4066 次  推荐: 3   原文链接   [收藏]  

系列文章导航:

JavaScript学习笔记一——数据类型

JavaScript学习笔记二——函数

JavaScript学习笔记三——作用域

JavaScript学习笔记四——Eval函数

JavaScript学习笔记五——类和对象

JavaScript学习笔记六:prototype的提出

Javascript学习笔记七——原型链的原理

Javascript学习笔记八——用JSON做原型

Javascript学习笔记九——prototype封装继承

Javascript学习笔记十——网页运行原理

Javascript学习笔记十一——包装DOM对象

Javascript学习笔记十三——关于响应事件

Javascript学习笔记十二——Ajax入门


  首先我们继续上文的代码,我们来把这段代码延伸一下:

    <script type="text/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);
    script>

 

  结果弹出false。也就是说,这两个对象的方法是不同的方法。那么我们知道,在C#中,每个对象会维护着一个方法表,可是方法表应该指向同一块地址。如果是这样的话,那当我们声明了100个对象,是不是要建立100个对象拷贝,对空间是不是一个很大的浪费呢?

  于是我们就想了这样的解决办法,用prototype:

    <script type="text/javascript">
        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);
    script>

 

  这样就可以了。所以你还会再说是否用prototype都是一样的么?其实我以前也是这么理解的,在这次偶然的试验中看到了这个问题。

3
0
标签:JavaScript

Web前端热门文章

    Web前端最新文章

      最新新闻

        热门新闻