Files
Nicholas Carrigan (he/him) 3da4be21bb chore: seed chinese traditional (#42005)
Seeds the chinese traditional files manually so we can deploy to
staging.
2021-05-05 22:43:49 +05:30

2.4 KiB

id, title, challengeType, forumTopicId, dashedName
id title challengeType forumTopicId dashedName
587d7b8b367417b2b2512b53 使用 class 語法定義構造函數 1 301212 use-class-syntax-to-define-a-constructor-function

--description--

ES6 提供了一個新的創建對象的語法,使用關鍵字 class

值得注意的是,class 只是一個語法糖,它並不像 Java、Python 或者 Ruby 這一類的語言一樣,嚴格履行了面向對象的開發規範。

在 ES5 裏面,我們通常會定義一個構造函數 constructor,然後使用 new 關鍵字來實例化一個對象:

var SpaceShuttle = function(targetPlanet){
  this.targetPlanet = targetPlanet;
}
var zeus = new SpaceShuttle('Jupiter');

class 語法只是簡單地替換了構造函數 constructor 的寫法:

class SpaceShuttle {
  constructor(targetPlanet) {
    this.targetPlanet = targetPlanet;
  }
}
const zeus = new SpaceShuttle('Jupiter');

應該注意 class 關鍵字聲明瞭一個新的函數,裏面添加了一個構造函數。 當用 new 創建一個新的對象時,構造函數會被調用。

**注意:**首字母大寫駝峯命名法 UpperCamelCase 是 ES6 class 命名的慣例,就像上面的 SpaceShuttle

constructor 方法是一個特殊方法,用於創建和初始化 class 創建的對象。 在 JavaScript 算法和數據結構認證的面向對象編程章節裏會更深入介紹它。

--instructions--

使用 class 關鍵詞,寫一個 constructor 來創建 Vegetable class。

Vegetable 這個 class 可以創建 vegetable 對象,這個對象擁有一個在 constructor 中賦值的 name 屬性。

--hints--

Vegetable 應該是一個 class,並在其中定義了 constructor

assert(
  typeof Vegetable === 'function' && typeof Vegetable.constructor === 'function'
);

應使用 class 關鍵字。

assert(code.match(/class/g));

Vegetable 可以被實例化。

assert(() => {
  const a = new Vegetable('apple');
  return typeof a === 'object';
});

carrot.name 應該返回 carrot

assert(carrot.name == 'carrot');

--seed--

--seed-contents--

// Only change code below this line

// Only change code above this line

const carrot = new Vegetable('carrot');
console.log(carrot.name); // Should display 'carrot'

--solutions--

class Vegetable {
  constructor(name) {
    this.name = name;
  }
}
const carrot = new Vegetable('carrot');