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);

相关文章
|
4月前
|
JavaScript
js开发:请解释什么是ES6的类(class),并说明它与传统构造函数的区别。
ES6的类提供了一种更简洁的面向对象编程方式,对比传统的构造函数,具有更好的可读性和可维护性。类使用`class`定义,`constructor`定义构造方法,`extends`实现继承,并可直接定义静态方法。示例展示了如何创建`Person`类、`Student`子类以及它们的方法调用。
42 2
|
12天前
ES6学习(7)class
ES6学习(7)class
|
4月前
|
算法 JavaScript 前端开发
ES6学习笔记--对象的拓展
ES6学习笔记--对象的拓展
|
10月前
ES6中的class类
ES6中的class类
41 0
|
前端开发
前端小案例1-es6中 class的重写
前端小案例1-es6中 class的重写
64 0
前端小案例1-es6中 class的重写
|
前端开发
前端小案例1-es6中 class的重写2
前端小案例1-es6中 class的重写2
62 0
前端小案例1-es6中 class的重写2
|
前端开发 JavaScript
【前端拾遗】ES6 Class
介绍一些 ES6 中的 class 的知识点。
85 0
|
JavaScript Java C++
ES6-Class如何优雅的进行“糖化”
这是一篇番外篇,其实他的主线是由一篇ES6-Class科普文章引发的“惨案”。虽然是番外篇,但是有些剧情还是不容错过的。 现在我们来进入番外篇的主线:ES6的Class是ES5构造函数的语法糖。
ts重点学习111-类的兼容性
ts重点学习111-类的兼容性
77 0
ts重点学习111-类的兼容性
ts重点学习20-any和void
ts重点学习20-any和void
51 0
ts重点学习20-any和void