JavaScript构造函数举例详解

一、什么是构造函数？

构造函数是一种特殊的函数，用于创建特定类型的对象。构造函数可以被调用以创建新的对象。

二、如何创建构造函数？

使用function关键字以及大驼峰式命名，例如：

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHello = function() {
    console.log("Hello, my name is " + this.name + ", I am " + this.age + " years old.");
  }
}

上述代码中的 Person 就是一个构造函数，它将创建一个对象，带有 name，age和sayHello()属性。

在构造函数中，通过this关键字给对象添加属性或方法，这些属性和方法可用于新创建对象的实例。

三、如何使用构造函数？

使用 new 关键字创建构造函数的实例，例如：

var person1 = new Person("Annie", 25);
person1.sayHello(); // Hello, my name is Annie, I am 25 years old.

上述代码中，我们使用 new 关键字创建了一个 Person 的实例，并且中括号内填写了传入构造函数的实参 name和 age。

调用 person1 对象的 sayHello() 方法会输出 "Hello, my name is Annie, I am 25 years old."。

可以使用instanceof运算符检查一个对象是否为特定构造函数的实例，例如：

console.log(person1 instanceof Person); // true

四、示例

下面是一个使用构造函数的示例：创建一个Car（汽车）构造函数。使用该构造函数创建一个名为 myCar 的汽车对象，并访问该对象的三个属性和一个方法。

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
  this.getInfo = function() {
    return this.make + " " + this.model + " " + this.year;
  };
}

var myCar = new Car("Ford", "Mustang", 1969);

console.log("The make of my car is " + myCar.make); // The make of my car is Ford
console.log("The model of my car is " + myCar.model); // The model of my car is Mustang
console.log("The year of my car is " + myCar.year); // The year of my car is 1969

console.log(myCar.getInfo()); // Ford Mustang 1969

上述代码中，Car 构造函数接收 make（品牌）、 model（车型）和 year（出厂年份）这三个参数，并使用 this 关键字创建了三个属性。同时也创建了 getInfo() 方法来获取所有三个属性赋值后的信息。

我们通过 new 关键字创建了 myCar 实例，并通过 console.log() 输出了对象的属性值和使用 getInfo() 方法来访问对象属性的组合。