JS上級編ES6の6つの継承方法

関数 ParentClass() {
  this.name = '一碗の周'
}
ParentClass.prototype.getName = 関数 () {
  this.name を返す
}

// 将来的に親クラスを継承するサブクラスを定義する function ChildClass() {}

// * 子クラスのプロトタイプを親クラスのインスタンスにポイントします。子クラスは親クラスのインスタンスの内容を持ちます。ChildClass.prototype = new ParentClass()

// サブクラスをインスタンス化します var child = new ChildClass()

console.log(child.getName()) // イーワン・ゾウ

関数 ParentClass() {
  this.colors = ['赤', '青', '緑']
}
関数 ChildClass() {}

ChildClass.prototype = 新しい ParentClass()

var child1 = 新しいChildClass()
var child2 = 新しいChildClass()
console.log(child1.colors) // [ '赤', '青', '緑' ]

child2.colors.push('黒')
console.log(child2.colors) // [ '赤', '青', '緑', '黒' ]

console.log(child1.colors) // [ '赤', '青', '緑', '黒' ]

関数親() {
  // 親オブジェクト this.parent = 'parent'
}

Parent.prototype.name = 'Yiwan Zhou' // Parent親オブジェクトのプロトタイプにプロパティを追加します function Child() {
  // 子オブジェクト this.child = 'child'

  Parent.call(this) // call() または apply() メソッドを使用して親コンストラクターを呼び出し、継承を実装します。
}

定数child = 新しいChild()

console.log(子)

console.log(child.name) // undefined // 親クラスのプロトタイプを継承しません

// 親オブジェクト関数 Parent() {
  this.parent = '親'
}
// Parent 親オブジェクトのプロトタイプにプロパティを追加します Parent.prototype.name = 'Yiwan Zhou'
//子オブジェクト関数Child() {
  this.child = '子'
  // 継承を実装するには、call() または apply() メソッドを使用して親コンストラクターを呼び出します。
  親.call(これ)
}
// コンストラクタを継承しないプロトタイプオブジェクトの問題を解決する Child.prototype = Parent.prototype

定数child = 新しいChild()
console.log(child.name) // イーワン・ゾウ

var 人 = {
  名前:「周の一杯」
  友人: ['張三'、'李斯'、'王武']、
}

var anotherPerson = Object.create(人)
anotherPerson.name = '甘いボウル'
anotherPerson.friends.push('赵六')

console.log(person.friends) // [ '張三', '李四', '王武', '趙劉' ]

var 人 = {
  名前:「周の一杯」
  友人: ['張三'、'李斯'、'王武']、
}

関数createAnother(オリジナル) {
  var clone = Object.create(original) // object() 関数を呼び出して新しいオブジェクトを作成します clone.sayMe = function () {
    // 何らかの方法でオブジェクトを強化する}
  return clone // このオブジェクトを返す }

var anotherPerson = createAnother(人)
別の人.sayMe()

関数 inheritPrototype(ChildClass, ParentClass) {
  var prototype = Object.create(ParentClass.prototype) // オブジェクトを作成し、親クラス プロトタイプのコピーを作成します // 作成された親クラス プロトタイプのコピーのコンストラクターを変更し、子クラス プロトタイプをこのクラスにポイントして、親クラスとは無関係なクラスを形成します prototype.constructor = ChildClass
  ChildClass.prototype = プロトタイプ
}

// 親クラスはインスタンスプロパティとプロトタイププロパティを初期化します function ParentClass(name) {
  this.name = 名前
  this.colors = ['赤', '青', '緑']
}
ParentClass.prototype.sayName = 関数 () {
  console.log(この名前)
}

// コンストラクターを使用して、拡張サブクラス インスタンス プロパティを渡します (パラメーターの受け渡しをサポートし、改ざんを回避します)
関数 ChildClass(名前, 年齢) {
  //親クラスのプロパティをすべてコピーします ParentClass.call(this, name)
  this.age = 年齢
}

// 親クラスのプロトタイプを子クラスにポイントします。inheritPrototype(ChildClass, ParentClass)

// サブクラスのプロトタイププロパティを追加する ChildClass.prototype.sayAge = function () {
  コンソールログ(this.age)
}

var instance1 = new ChildClass('一碗周', 19)
var instance2 = new ChildClass('甘いボウル', 18)

インスタンス1.colors.push('黒')
console.log(instance1.colors) // [ '赤', '青', '緑', '黒' ]
instance1.sayName() // 一杯の Zhouinstance2.colors.push('yellow')
console.log(instance2.colors) // [ '赤', '青', '緑', '黄' ]