JavaScript オブジェクト指向クラス継承ケースの説明

JavaScript オブジェクト指向クラス継承ケースの説明

1. オブジェクト指向のクラス継承

これまでの章では、JavaScript のオブジェクト モデルがプロトタイプ実装に基づいていることを見てきました。その特徴はシンプルさですが、従来のクラス インスタンス モデルよりも理解しにくいという欠点があります。最大の欠点は、継承の実装には大量のコードを記述し、プロトタイプ チェーンを正しく実装する必要があることです。

もっと簡単に書く方法はありますか?持っている!

ここに画像の説明を挿入

まず、関数を使用して Student を実装する方法を確認しましょう。

    関数 Student(名前) {
        this.name = 名前;
    }

    // ここで、この Student にメソッドを追加する必要があります。Student.prototype.hello = function () {
        alert('こんにちは、' + this.name + '!');
    }
    
    Student.prototype.hello.apply(新しいStudent("Xiao Ming")); 

ここに画像の説明を挿入

新しい class キーワードを使用して Student と記述する場合は、次のように記述できます。

ここに画像の説明を挿入

最後に、前のセクションと同じコードを使用して Student オブジェクトを作成します。

ここに画像の説明を挿入

クラスの継承

ここに画像の説明を挿入

これで、JavaScript オブジェクト指向クラス継承ケースに関するこの記事は終了です。JavaScript オブジェクト指向クラス継承に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • js 学習ノート: class、super、extends キーワード
  • JSでES6クラスの使い方をすぐにマスター
  • JS タブ プラグインを作成する 2 つの方法 (jQuery とクラス)
  • JSを使用したクラス名の追加と削除の詳細な説明
  • フロントエンドJavaScriptのクラス

<<:  macOS での MySQL 8.0.17 のインストールと簡単な設定チュートリアル

>>:  Windows 10 に付属する仮想マシンのネットワークを設定するための詳細な手順 (グラフィック チュートリアル)

推薦する

mysql の find_in_set 関数の基本的な使い方

序文これは私が最近見つけた新しい機能です。プロジェクトでの私の使用シナリオは次のとおりです。アプリケ...

MySQLのビューの詳細な説明

ビュー: MySQL のビューはテーブルと多くの類似点があります。ビューも複数のフィールドと複数のレ...

HTMLフォーム要素の包括的な理解

以下のように表示されます。 XML/HTML コードコンテンツをクリップボードにコピー<!DO...

EF (Entity Framework) の挿入または更新データ エラーの解決方法

エラー メッセージ:ストアの更新、挿入、または削除ステートメントが予期しない行数 (0) に影響を与...

MySQL 5.7.18 インストールチュートリアルと問題の概要

MySQL 5.7.18 のインストールと問題の概要。今日、新しい MySQL サーバーを導入しまし...

uniapp vue および nvue カルーセル コンポーネントのサンプル コード

vueの部分は以下のとおりです。 <テンプレート> <ビュークラス="&...

Windows 7 での MySQL 8.0.18 の導入とインストールのチュートリアル

1. 事前準備 (windows7+mysql-8.0.18-winx64) 1. ダウンロードアド...

MySQL マスタースレーブレプリケーション構成プロセス

メインライブラリの構成1. MySQLを設定する vim /etc/my.cn # ファイルに次の内...

Vueにおける混合継承の詳細な説明

目次混合継承の影響: 1. 継承Vue.extend メソッド​プロパティを拡張する2. ミックスイ...

NestJsはMongooseを使用してMongoDBを操作する

最近、NestJs フレームワークを学び始めました。学習コストは他のフレームワークよりもはるかに高く...

Linux で tcpdump コマンドを使用してデータ パケットをキャプチャおよび分析する方法の詳細な説明

序文tcpdump はよく知られたコマンドライン パケット分析ツールです。 tcpdump コマンド...

Vmware + Ubuntu18.04 に Hbase 2.3.5 をインストールするための詳細なチュートリアル

序文前回の記事では Hadoop をインストールしましたが、今回は Hbase をインストールします...

jQueryとCSSを組み合わせてトップに戻る機能を実現

CSS操作 CS $("").css(名前|プロ|[,値|関数]) 位置$(&q...

VMware および CentOS システムのインストール方法 - ルート パスワードをリセットする

今日のタスク1. Linuxディストリビューションの選択2.vmwareが仮想マシン(centos)...