阅读量:0
ES6类的继承方式有以下几种:
- 使用extends关键字进行类继承:通过extends关键字,一个类可以继承另一个类的属性和方法。例如:
class Parent { constructor(name) { this.name = name; } sayHello() { console.log(`Hello, ${this.name}!`); } } class Child extends Parent { constructor(name, age) { super(name); this.age = age; } sayAge() { console.log(`I'm ${this.age} years old.`); } } let child = new Child("Alice", 10); child.sayHello(); // Output: Hello, Alice! child.sayAge(); // Output: I'm 10 years old.
- 使用super关键字调用父类的方法:在子类中可以使用super关键字调用父类的构造函数和方法。例如:
class Parent { constructor(name) { this.name = name; } sayHello() { console.log(`Hello, ${this.name}!`); } } class Child extends Parent { constructor(name, age) { super(name); this.age = age; } sayHello() { super.sayHello(); console.log("How are you?"); } sayAge() { console.log(`I'm ${this.age} years old.`); } } let child = new Child("Alice", 10); child.sayHello(); // Output: Hello, Alice! How are you? child.sayAge(); // Output: I'm 10 years old.
- 使用Object.create()方法进行原型链继承:使用Object.create()方法可以创建一个新对象,并将其原型设置为另一个对象。例如:
let parent = { name: "Alice", sayHello: function() { console.log(`Hello, ${this.name}!`); } }; let child = Object.create(parent); child.sayHello(); // Output: Hello, Alice!
- 使用mixins进行多继承:通过将多个对象的属性和方法合并到一个新对象中,可以实现多继承的效果。例如:
let mixin1 = { sayHello: function() { console.log("Hello!"); } }; let mixin2 = { sayGoodbye: function() { console.log("Goodbye!"); } }; class MyClass {} Object.assign(MyClass.prototype, mixin1, mixin2); let obj = new MyClass(); obj.sayHello(); // Output: Hello! obj.sayGoodbye(); // Output: Goodbye!
需要注意的是,ES6类的继承方式是单继承的,即一个子类只能继承一个父类。如果需要实现多继承,则可以使用mixins的方式。