复杂的ES5函数转化ES6的class
时间: 2023-11-28 15:03:55 浏览: 73
将一个复杂的ES5函数转换为ES6类的步骤如下:
1. 创建一个类名,用于替代函数名。
2. 将函数体中的属性和方法移动到类的构造函数中,并使用“this”关键字引用它们。
3. 将函数体中的“prototype”属性中的所有方法转移到类定义中作为类方法。
4. 删除原函数定义。
下面是一个示例代码:
ES5函数:
```javascript
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.getName = function() {
return this.name;
};
Person.prototype.getAge = function() {
return this.age;
};
Person.prototype.greet = function() {
console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
};
```
转换为ES6类:
```javascript
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
getName() {
return this.name;
}
getAge() {
return this.age;
}
greet() {
console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
}
}
```
阅读全文