TIL 22. JSクラスとJavaScript OOP
2941 ワード
JavaScriptのクラス概念とOOPについて説明します.この記事はMDNとBookCore JavaScriptに基づいて作成されています.
クラス(class)
クラス(class)
等級は何ですか。
トカゲも蛇も爬虫類に属している.ここで,爬虫類はトカゲより上位概念,トカゲは爬虫類より下位概念である.そしてトカゲはもう一つの上位概念になった.
「クラス」では、親と子として表示されます.
サブコンセプトには、親コンセプトが含まれ、より具体的なコンセプトが追加されます.ハイエナには爬虫類やトカゲの概念があり、ハイエナ自身の個性もある.これにより、クラスが下に下がるほど、親クラスのプロパティが継承され、より具体的な要件を追加または変更する必要があります.
クラス属性を持つ実際に存在するオブジェクトをインスタンスと呼びます.
JavaScriptのクラス
JavaScriptはプロトコルタイプに基づく言語であるため,クラスの概念は存在しない.したがって,JavaScriptでの継承は厳密な継承ではなく,プロトタイプフィルタによって参照される.しかし、結果は同じ動作なので、このように理解しても構いません.
作成者のどのプロパティがインスタンスに継承されるかによって、静的メンバーとインスタンスメンバーに分けられます.混同を避けるために,プロトタイプメソッドはインスタンスメンバーに比べて多く呼ばれる.const Rectangle = function(width, height){
this.width = width
this.height = height
}
// 프로토타입 메서드
Rectangle.prototype.getArea = function (){
return this.width * this.height
}
// 스태틱 메서드
Rectangle.isRectangle = function(instance){
return instance instanceof Rectangle
}
クラス継承
クラス継承は、オブジェクト向けの最も重要な要素の1つです.
最終的にjavascriptでクラス継承が実現され、プロトコルタイプフィルタリングがうまく接続されていると理解できる.
Reference
この問題について(TIL 22. JSクラスとJavaScript OOP), 我々は、より多くの情報をここで見つけました
https://velog.io/@wonseok2877/TIL-22.-JS-클래스와-자바스크립트식-OOP
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
const Rectangle = function(width, height){
this.width = width
this.height = height
}
// 프로토타입 메서드
Rectangle.prototype.getArea = function (){
return this.width * this.height
}
// 스태틱 메서드
Rectangle.isRectangle = function(instance){
return instance instanceof Rectangle
}
Reference
この問題について(TIL 22. JSクラスとJavaScript OOP), 我々は、より多くの情報をここで見つけました https://velog.io/@wonseok2877/TIL-22.-JS-클래스와-자바스크립트식-OOPテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol