jsオブジェクト指向についての深い理解

今回はjsオブジェクト指向を深く理解するための注意点についてお届けします。実践的な事例を紹介します。

クラス宣言

1. コンストラクター

2. ES6クラス

クラスの

継承

1. コンストラクターを使用して継承を実装します

原則: 実行時にサブクラスの this ポインタを変更しますが、親クラスのプロトタイプ チェーンの 属性 は継承されず、不完全な継承です

function Animal() {
 this.name = 'name'
}
// 实例化
new Animal()

2. プロトタイプチェーンを利用して継承を実装する

原則: プロトタイプチェーンですが、親クラスの属性が子クラスのインスタンスで変更されると、他のインスタンスの属性も子を変更します。これも不完全な継承です

class Animal {
 constructor() {
  this.name = 'name'
 }
}
// 实例化
new Animal()

3. コンストラクター + プロトタイプチェーン

ベスト プラクティス

function Parent() {
 this.name = 'Parent'
}
Parent.prototype.say = function(){
 console.log('hello')
}
function Child() {
 Parent.call(this)
 this.type = 'Child'
}
console.log(new Parent())
console.log(new Child())

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

以上がjsオブジェクト指向についての深い理解の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。