javascript 创建 class

最新推荐文章于 2025-06-15 12:57:15 发布

tcl1360

最新推荐文章于 2025-06-15 12:57:15 发布

阅读量660

点赞数

分类专栏： JavaScript 文章标签： javascript function prototype class object 语言

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍JavaScript中五种创建类的方法，包括Factory方式、Constructor方式、Prototype方式、Prototype/Constructor杂合方式及动态Prototype方式，并讨论了每种方式的优缺点。

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

javascript的class建立是个有意思的话题, 确切的说, OO的javascript就是比较有趣的, 因为javascript并没有在设计的时候定位为OO. 下面的文章是转的别人的, 集中于话题"javascript语言中的Class 的创建"

在Javascript中构建一个类有好几种方法:
1.Factory 方式

function createCar(){
  var car  =  new Object();
  car.color="b";
  car.length=1;
  car.run=function(){alert("run");}
  return car;
}
定义这么一个函数之后,就可以用:
var car1  =  createCar();
var car2  =  createCar();

来创建新的对象，这种方式的问题是每一次创建一个car对象,run Function也都必须
重新创建一次.浪费内存

2.Constructor方式

function Car(){
  this.color="b";
  this.length=1;
  this.run=function(){alert("run");}
}

var car1=new Car();
var car2=new Car();

这是最基本的方式,但是也存在和factory方式一样的毛病

3.prototype方式

function Car(){
}
Car.prototype.color="b";
Car.prototype.length=1;
Car.prototype.run=function(){alert("run");}

这个方式的缺点是,当这个类有一个引用属性时,改变一个对象的这个属性也会改变其他对象得属性
比如:

Car.prototype.data1=new Array();
var car1=new Car();
var car2=new Car();

car1.data1.push("a");

此时,car2.data也就包含了"a"元素

4.Prototype/Constructor杂合方式

function Car(){
  this.color="b";
  this.length=1;
  this.data1=new Array();
}

Car.prototype.run=function(){
  alert("dddd");
}

这种方式去除了那些缺点.是目前比较大范围使用的方式

5.动态prototype方式

function Car(){
  this.color="b";
  this.length=1;
  this.data1=new Array();

  if(typeof Car.initilize=="undefined"){
    Car.prototype.run=function(){alert("a");}
  }

  Car.initilize=true;
}

这几种方式中,最常用的是杂合prototype/constructor 和动态prototype方式

本文转自：http://www.80x86.cn/article.asp?id=1552