在前兩篇文章Javascript：prototype和Javascript：內(nèi)部屬性[[Prototype]]，我們探究了函數(shù)的prototype屬性與對象的[[Prototype]]內(nèi)部屬性角虫，在本篇中渤涌，我們會講解Javascript是如何使用原型的機(jī)制來實現(xiàn)類的。

眾所周知，Javascript的面向?qū)ο缶幊淌?strong>基于原型的鸳玩，而不像其它大多數(shù)面向?qū)ο缶幊陶Z言那樣，是基于類的演闭，例如C++不跟、Java等。雖然米碰，ES6標(biāo)準(zhǔn)引入了類的概念躬拢，但其底層，仍然是使用原型來實現(xiàn)的见间。

我們來看一個證據(jù)。

class MyClass {}

console.log("Type of MyClass is: " + typeof MyClass); // Type of MyClass is: function

運行上面代碼

通過上面這個小實驗工猜，我們發(fā)現(xiàn)我們使用關(guān)鍵字class定義的所謂的“類”米诉，實際上是一個函數(shù)。它的原型結(jié)構(gòu)如下圖所示篷帅。

所以史侣，在Javascript中，所有基于類的實現(xiàn)魏身，都可以被改寫成基于函數(shù)與原型的實現(xiàn)惊橱。

我們來看一個例子，并把其中的類用函數(shù)和原型來改寫箭昵。

// 定義一個類Car
class Car {

  constructor(brand, year) {
    // 創(chuàng)建實例變量brand和year
    this.brand = brand;
    this.year = year;
  }

  // 創(chuàng)建實例方法getBrand
  getBrand() {
    return this.brand;
  }
  // 創(chuàng)建實例方法getYear
  getYear() {
    return this.year;
  }

}
// 創(chuàng)建類變量has_wheels
Car.has_wheels = true;
// 創(chuàng)建類方法getNumberOfWheels
Car.getNumberOfWheels = function() {
  return 4;
}

// 從類Car創(chuàng)建一個對象
let my_car = new Car("瑪莎拉蒂", 2014);
console.log(my_car.getBrand()); // 瑪莎拉蒂
console.log(my_car.getYear()); // 2014
console.log(Car.has_wheels); // true
console.log(Car.getNumberOfWheels()); // 4

運行上面代碼

在上面的代碼中税朴，我們定義了一個類Car，它的原型結(jié)構(gòu)如下圖所示。

根據(jù)其原型結(jié)構(gòu)圖正林，我們可以按照如下代碼改寫它：

// 定義一個函數(shù)Car
function Car(brand, year) {
  // 創(chuàng)建實例變量brand和year
  this.brand = brand;
  this.year = year;
}

// 創(chuàng)建實例方法getBrand
Car.prototype.getBrand = function() {
  return this.brand;
};
// 創(chuàng)建實例方法getYear
Car.prototype.getYear = function() {
  return this.year;
}
// 創(chuàng)建類變量has_wheels
Car.has_wheels = true;
// 創(chuàng)建類方法getNumberOfWheels
Car.getNumberOfWheels = function() {
  return 4;
}

// 從函數(shù)Car創(chuàng)建一個對象
let my_car = new Car("瑪莎拉蒂", 2014);
console.log(my_car.getBrand()); // 瑪莎拉蒂
console.log(my_car.getYear());  // 2014
console.log(Car.has_wheels); // true
console.log(Car.getNumberOfWheels()); // 4

運行上面代碼

從上面的代碼泡一，我們可以看到如何使用函數(shù)與原型來實現(xiàn)實例變量、實例方法觅廓、類變量鼻忠、類方法這四個功能。

更多關(guān)于原型的探討請參見：

1. JavaScript：prototype屬性
2. JavaScript：內(nèi)部屬性[[Prototype]]
3. Javascript：原型與類