オブジェクト指向の概要

プログラミング言語には次のものがあります。

• OOP (オブジェクト指向プログラミング) オブジェクト指向プログラミング
• JAVA
• PHP
• PYTHON / GO / RUBY
• JAVASCRIPT / NODE.JS
• ...
• POP (手続き指向プログラミング) プロセス指向
• C 言語

マークアップ言語には次のものがあります。

• HTML5
• CSS3

オブジェクト指向プログラミングの 3 つの概念

• オブジェクト: JS で操作および学習するものの一般的なことを指し、すべてオブジェクトです
• クラス: 抽象的なオブジェクトをその機能特性に従って詳細に分割し、それらを多くのカテゴリに分割します
• インスタンス: カテゴリの
種類ごとに特定のものを分類します

JS の組み込みクラス

JSのモノの特徴に合わせてカテゴリ分けされており、デフォルトで分かれているカテゴリが組み込みカテゴリ

データ型の組み込みクラス (各データ型には独自の組み込みクラスがあります)

• Number クラス、各数値はこのクラスのインスタンス
• String クラス
• Boolean クラス
• Null クラス/未定義クラス (ブラウザでこれら 2 つのクラスにアクセスすることは禁止されています)
• Symbol クラス
• Object クラス オブジェクト データ型 クラス : すべてのオブジェクトデータ型はこのクラスのインスタンスです

  1. オブジェクト {} 通常のオブジェクトはそのインスタンスです
  2. Array [] 各配列は Array クラスのインスタンスであり、Object クラスのインスタンスです
  3. RegExp 通常クラス
  4. デートデートクラス

• 関数クラス、すべての関数はこのクラスのインスタンスです

DOM 要素オブジェクトまたは DOM 要素のコレクションにも、独自の組み込みクラスがあります。

  1. ノード ノード クラス
    1. 要素要素タグ クラス
      1. HTMLElement HTML 要素タグ クラス
        1. HTMLDivElement の各 DIV 要素オブジェクトは、そのインスタンスです
        2. HTMLAnchorElement のすべての A 要素オブジェクトは、そのインスタンスです
        3. 各要素ラベル オブジェクトには、対応する独自の組み込みクラスがあります。
      2. XMLElement XML 要素タグ クラス
    2. テキスト テキスト ノード クラス
    3. ドキュメント ドキュメント ノード クラス
      • HTMLDocument 各ドキュメントはそのインスタンスです
      • …
  2. HTMLCollection要素コレクションクラス、getElementsByTagNameなどのメソッドで取得した要素コレクションがそのインスタンス
  3. NodeList ノード コレクション クラス
    ...
    JS自体は「オブジェクト指向思考(クラスとインスタンス)」で設計された言語なので、今後JSを研究・学習する場合も、プロジェクト開発(コンポーネントカプセル化)を行う場合も、JSに準拠する必要があります。学び、発展させるための「オブジェクト指向思考」。
    例: 配列を勉強したい
    1. 各配列は Array クラスのインスタンスであり、各インスタンスは個別の個人です (正確に同じ人が 2 人いないのと同様に、互いに競合はありません)。同じであり、基本的に JS にはそのようなものはありません [特殊なケースで] まったく同じである 2 つのインスタンス)
    • let arr1=[12,23];
    • let arr2=[12,23];
    • console.log(arr1 ===arr2); //=>false 違います ヒープメモリアドレス!
    • 2. あるインスタンスを取り出してその特性と構造を分析すると、Array の他のインスタンスも同じ特性と構造を持っている• 3. 配列にはブラウザーに多くの組み込みメソッドがあり、これらのメソッドが提供されて
    いるはい、各インスタンスはこれらのメソッドを持ち、使用できます (現在のクラスのインスタンスのみが使用できる場合、それがインスタンスでない場合、これらのメソッドは使用できません)

小さなパートナーは、2020 年初頭に Weimob で発生した「データベースの削除と家出事件」に対処する方法と、ほとんどの主要な工場がそのような事件を回避する方法についてメッセージを残しました.明日、2 つの写真を使用して分析します.

おすすめ

転載: blog.csdn.net/hanruo7532/article/details/112162644