ES6 class小挑战

简介: 【8月更文挑战第25天】

// 编码挑战 #2
/*

重新创建挑战 1,但这次使用 ES6 类;
a. 添加一个名为 “speedUS ”的获取器,返回当前速度(单位:mi/h)(除以 1.6);
3.
a. 添加一个名为 “speedUS ”的setter,用于设置当前速度(单位为 mi/h)(但在存储值之前要将其转换为 km/h,即输入值乘以 1.6);
4.
a. 创建一辆新汽车,尝试使用加速和制动方法以及 getter 和 setter。
数据 汽车 1:“福特”,时速 120 公里
祝你好运
*/

● 首先先将之前的函数改造成class类的方式
class CarCl {

constructor(make, speed) {
this.make = make;
this.speed = speed;
}
accelerate() {
this.speed += 10;
console.log(${this.make} 速度为${this.speed}km/h);
}
brake() {
this.speed -= 5;
console.log(${this.make}速度为${this.speed}km/h);
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
● 剩下的就很简单了,参考答案如下

class CarCl {
constructor(make, speed) {
this.make = make;
this.speed = speed;
}
accelerate() {
this.speed += 10;
console.log(${this.make} 速度为${this.speed}km/h);
}
brake() {
this.speed -= 5;
console.log(${this.make}速度为${this.speed}km/h);
}

get speedUS() {
return this.speed / 1.6;
}

set speedUS(speed) {
this.speed = speed * 1.6;
}
}

const ford = new CarCl('福特', 120);
console.log(ford.speedUS);
ford.accelerate();
ford.accelerate();
ford.brake();
ford.speedUS = 50;
console.log(ford);

相关文章
ES6学习(7)class
ES6学习(7)class
|
4月前
|
存储 JavaScript 前端开发
ES6 class 类
【7月更文挑战第27天】
21 1
|
前端开发
前端小案例1-es6中 class的重写
前端小案例1-es6中 class的重写
68 0
前端小案例1-es6中 class的重写
|
前端开发
前端小案例1-es6中 class的重写2
前端小案例1-es6中 class的重写2
67 0
前端小案例1-es6中 class的重写2
|
JavaScript Java C++
ES6-Class如何优雅的进行“糖化”
这是一篇番外篇,其实他的主线是由一篇ES6-Class科普文章引发的“惨案”。虽然是番外篇,但是有些剧情还是不容错过的。 现在我们来进入番外篇的主线:ES6的Class是ES5构造函数的语法糖。
ts重点学习20-any和void
ts重点学习20-any和void
57 0
ts重点学习20-any和void
ts重点学习111-类的兼容性
ts重点学习111-类的兼容性
83 0
ts重点学习111-类的兼容性
|
JavaScript 前端开发
ES6新特性 类(class)详解
ES6新特性 类(class)详解
145 0