mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-01-08 21:02:25 -05:00
2.0 KiB
2.0 KiB
id, title, challengeType, forumTopicId
| id | title | challengeType | forumTopicId |
|---|---|---|---|
| 587d7b8b367417b2b2512b53 | 使用 class 语法定义构造函数 | 1 | 301212 |
--description--
ES6 提供了一个新的创建对象的语法,使用关键字class。
值得注意的是,class只是一个语法糖,它并不像 Java、Python 或者 Ruby 这一类的语言一样,严格履行了面向对象的开发规范。
在 ES5 里面,我们通常会定义一个构造函数,然后使用 new 关键字来实例化一个对象:
var SpaceShuttle = function(targetPlanet){
this.targetPlanet = targetPlanet;
}
var zeus = new SpaceShuttle('Jupiter');
class的语法只是简单地替换了构造函数的写法:
class SpaceShuttle {
constructor(targetPlanet) {
this.targetPlanet = targetPlanet;
}
}
const zeus = new SpaceShuttle('Jupiter');
应该注意 class 关键字声明了一个函数,里面添加了一个构造器(constructor)。当调用 new 来创建一个新对象时构造器会被调用。
注意:
SpaceShuttle。--instructions--
使用class关键字,并写出正确的构造函数,来创建Vegetable这个类:
Vegetable这个类可以创建 vegetable 对象,这个对象拥有一个在构造函数中赋值的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');