javascript prototype

最新推荐文章于 2025-06-16 18:07:53 发布

原创最新推荐文章于 2025-06-16 18:07:53 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了JavaScript中构造函数的使用方式，以及如何通过prototype属性实现对象属性和方法的共享，避免每次创建实例时重复定义，提高代码效率。

js没有class定义，在Javascript语言中，new命令后面跟的不是类，而是构造函数。

　　function DOG(name){

　　　　this.name = name;

　　}

var dogA = new DOG('大毛');

　　alert(dogA.name); // 大毛

用构造函数生成实例对象，有一个缺点，那就是无法共享属性和方法。（类似C++/java的静态成员）

比如，在DOG对象的构造函数中，设置一个实例对象的共有属性species。

  function DOG(name){

　　　　this.name = name;

　　　　this.species = '犬科';

　　}

//然后，生成两个实例对象：
　var dogA = new DOG('大毛');

　var dogB = new DOG('二毛');

这两个对象的species属性是独立的，修改其中一个，不会影响到另一个。

考虑到这一点，js为构造函数设置一个prototype属性。这个属性包含一个对象（以下简称"prototype对象"），所有实例对象需要共享的属性和方法，都放在这个对象里面；那些不需要共享的属性和方法，就放在构造函数里面。

还是以DOG构造函数为例，现在用prototype属性进行改写：

　function DOG(name){

　　　　this.name = name;

　　}

　　DOG.prototype = { species : '犬科' };


　　var dogA = new DOG('大毛');

　　var dogB = new DOG('二毛');


　　alert(dogA.species); // 犬科

　　alert(dogB.species); // 犬科

现在，species属性放在prototype对象里，是两个实例对象共享的。只要修改了prototype对象，就会同时影响到两个实例对象。

  　DOG.prototype.species = '猫科';


　　alert(dogA.species); // 猫科

　　alert(dogB.species); // 猫科

然而如下代码：

  　DOG.prototype.species = '猫科';


　　alert(dogA.species); // 猫科.

    dogA.species = '犬科'  //修改
  
　　alert(dogA.species); // 犬科
    alert(dogB.species);// 猫科

修改了dogA的species，并不会影响dogA的species。这是当设置对象属性值时，如果对象不存在该属性，会为对象添加一个对应属性。而获取对象属性值时，dogA.species返回刚添加的属性（犬科），dogB没有species成员属性，则去访问prototype的species属性。

参考文献：

1）Javascript继承机制的设计思想