ホームページ  >  記事  >  ウェブフロントエンド  >  オブジェクト指向 JavaScript の初めての入門

オブジェクト指向 JavaScript の初めての入門

巴扎黑
巴扎黑オリジナル
2017-09-04 09:46:231095ブラウズ

js オブジェクト指向の知識は、最も基本的な入門レベルの知識ポイントです。以下では、この記事のサンプル コードを通じて js オブジェクト指向の知識を詳しく紹介します。興味のある方は一緒に学ぶことができます

1. 構築関数


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

2. ES6クラスの継承


1. 原則: サブクラスの操作を変更する場合これは を指しますが、親クラスのプロトタイプ チェーンの属性は継承されず、不完全な継承になります

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

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

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


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())

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。