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

巴扎黑
リリース: 2017-09-04 09:46:23
オリジナル
1083 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!