JavaScript 类，对象

iteye_15448

于 2012-07-23 23:06:05 发布

阅读量129

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_15448/article/details/82374719

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了JavaScript中构造函数的三种使用方式及其潜在问题。首先介绍了简单的构造函数方法，指出其导致每个实例都有独立的方法副本的问题。接着讨论了混合构造函数与原型的方式，这种方法虽然解决了方法共享问题但存在类方法定义于外部的不足。最后提出了一种改进方案，通过在构造函数内部初始化原型方法来优化代码结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[b]1. 构造函数方式[/b]

function Car(sColor,iDoors,iMpg) {
  this.color = sColor;
  this.doors = iDoors;
  this.mpg = iMpg;

  this.showColor = function() {
    alert(this.color);
  };
}

Problem: 这种方式会导致每个对象都有自己的 showColor() .

[b]2. 混合的构造函数/原型方式[/b]

function Car(sColor,iDoors,iMpg) {
  this.color = sColor;
  this.doors = iDoors;
  this.mpg = iMpg;
  this.drivers = new Array("Mike","John");
}

Car.prototype.showColor = function() {
  alert(this.color);
};

Problem: 把方法定义在类外部

[b]3. 改进版：将方法封装到类定义里面：[/b]

function Car(sColor,iDoors,iMpg) {
  //Define Properties
  this.color = sColor;
  this.doors = iDoors;
  this.mpg = iMpg;
  this.drivers = new Array("Mike","John");

  //Define Methods
  if (Car._initialized) return; 
  Car._initialized = true;

  Car.prototype.showColor = function() {
      prt(this.color);
  };
}