js基本Constructor（构造器）

最新推荐文章于 2025-09-29 16:24:33 发布

原创最新推荐文章于 2025-09-29 16:24:33 发布 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#java

本文介绍了JavaScript中构造器函数的概念及使用方式，并演示了如何利用原型（prototype）实现方法共享，提高代码效率。

js不支持类的概念，单它支持与对象一起用的特殊Constructor（构造器）函数。通过在构造器前面加new关键字，告诉js想使用构造器一样实例化一个新的对象，并且对象成员由该函数定义。在构造器内，关键字this引用新创建的对象。基本构造器如下面这个例子：

function Car(m,y,s){
   this.m=m;
   this.y=y;
   this.s=s;
  
   this.toString = function(){
      return this.m+'has done'+this.s+'miles';
   };
}
var civic = new Car('Honda Civic',2009,20000);
var mondeo = new Car('Ford Mondeo',2010,5000);

console.log(civic.toString());
console.log(mondeo.toString());

这是一个简单的构造器，每一次定义新对象，都是使用Car构造器创建的。但这个不理想，toString()函数对每一个新对象都要分别重新定义。所以要想在所有的Car类型实例之间共享就要用到带原型的构造器，也就是prototype。

function Car(m,y,s){
   this.m=m;
   this.y=y;
   this.s=s;
}
  
Car.prototype.toString = function(){
      return this.m+'has done'+this.s+'miles';
};

var civic = new Car('Honda Civic',2009,20000);
var mondeo = new Car('Ford Mondeo',2010,5000);

console.log(civic.toString());
console.log(mondeo.toString());

这样就能让toString()函数实现在Car对象之间共享了。