黄视频网站在线免费观看-黄视频网站在线看-黄视频网站在线观看-黄视频网站免费看-黄视频网站免费观看-黄视频网站免费

　　JavaScript中實現繼承有以下幾種方式：

　　1.原型繼承

　　通過原型鏈實現繼承，讓子類的原型對象指向父類的實例對象，從而實現繼承。

function Parent() {}
Parent.prototype.sayHello = function () {
  console.log('Hello!');
};
function Child() {}
Child.prototype = new Parent();
const child = new Child();
child.sayHello();

 　　2.構造函數繼承

　　將子類的構造函數內部調用父類的構造函數，使用call或apply方法指定this指向。這樣就可以實現從父類的實例對象繼承屬性和方法。

function Parent(name) {
  this.name = name;
}
Parent.prototype.sayHello = function () {
  console.log(`Hello, I'm ${this.name}!`);
};
function Child(name, age) {
  Parent.call(this, name);
  this.age = age;
}
const child = new Child('Alice', 6);
console.log(child.name); // Alice
console.log(child.age); // 6

　　3.組合繼承

　　組合繼承即將原型繼承和構造函數繼承結合起來使用。這種方式是目前比較常用的繼承方式。

function Parent(name) {
  this.name = name;
}
Parent.prototype.sayHello = function () {
  console.log(`Hello, I'm ${this.name}!`);
};
function Child(name, age) {
  Parent.call(this, name);
  this.age = age;
}
Child.prototype = new Parent();
const child = new Child('Bob', 8);
console.log(child.name); // Bob
console.log(child.age); // 8
child.sayHello(); // Hello, I'm Bob!

 　　4.class繼承

　　使用ES6中的class關鍵字實現繼承。使用extends關鍵字指定父類，使用super關鍵字調用父類構造函數和方法。

class Parent {
  constructor(name) {
    this.name = name;
  }
  sayHello() {
    console.log(`Hello, I'm ${this.name}!`);
  }
}
class Child extends Parent {
  constructor(name, age) {
    super(name);
    this.age = age;
  }
}
const child = new Child('Carol', 7);
console.log(child.name); // Carol
console.log(child.age); // 7
child.sayHello(); // Hello, I'm Carol!