JavaScriptは組み込みオブジェクトのプロトタイプメソッド実装を追加します

JavaScriptは組み込みオブジェクトのプロトタイプメソッド実装を追加します

オブジェクトがメソッドを呼び出す順序:

インスタンス内にメソッドが存在しない場合は、インスタンス オブジェクトを作成したコンストラクターのプロトタイプ オブジェクト内でメソッドを検索します。

システム オブジェクトのプロトタイプにメソッドを追加できます。これは実際にはソース コードを変更するのと同じです。

文字列を逆順に出力するメソッドを追加する

文字列の順序を逆にする方法があればいいのですが。

    String.prototype.myReverse = 関数 () {
      for(var i=this.length-1;i>=0;i--){
        コンソールにログ出力します。
      }
    };
    var str="abcdefg";
    str.myReverse();

出力を見ることができます

ここに画像の説明を挿入

独自の配列ソートメソッドの作成

Array組み込みオブジェクトのプロトタイプオブジェクトにメソッドを追加する

Array.prototype.mySort = 関数 () {
      (var i=0;i<this.length-1;i++){
          (var j=0;j<this.length-1-i;j++){
              if(this[j]<this[j+1]){
                  var temp = this[j];
                これ[j]=これ[j+1];
                this[j+1] = 一時;
              }//終了
          }// 終了
      }//終了
    };

    var arr = [100,3,56,78,23,10];
    arr.mySort();
    コンソールにログ出力します。 

ここに画像の説明を挿入

すべてのケースコード

ここに画像の説明を挿入

<!DOCTYPE html>
<html lang="ja">
<ヘッド>
  <メタ文字セット="UTF-8">
  <title>タイトル</title>
  <スクリプト>
    //組み込みオブジェクトにプロトタイプメソッドを追加します。var arr = new Array(10,20,30,40,50);
       arr.join("|");
       コンソールのdir(arr);


       var str = new String ("ああ、すごいね");
       str.indexOf("ああ");
       コンソールのdir(str);


       var dt = 新しい日付();
       dt.getFullYear();
       コンソールのdir()メソッド

    // インスタンスにメソッドがない場合は、インスタンス オブジェクトを作成したコンストラクターのプロトタイプ オブジェクトでメソッドを探します。 // システム オブジェクトのプロトタイプにメソッドを追加できますか。これはソース コードを変更するのと同じです。 // 文字列に文字列を逆にするメソッドがあるといいのですが。String.prototype.myReverse=function () {
      for(var i=this.length-1;i>=0;i--){
        コンソールにログ出力します。
      }
    };
    var str="abcdefg";
    str.myReverse();


    //Array組み込みオブジェクトのプロトタイプオブジェクトにメソッドを追加します。Array.prototype.mySort=function () {
      (var i=0;i<this.length-1;i++){
          (var j=0;j<this.length-1-i;j++){
              if(this[j]<this[j+1]){
                  var temp = this[j];
                これ[j]=これ[j+1];
                this[j+1] = 一時;
              }//終了
          }// 終了
      }//終了
    };

    var arr = [100,3,56,78,23,10];
    arr.mySort();
    コンソールにログ出力します。


    String.prototype.sayHi = 関数 () {
      console.log(this+"はは、またハンサムになったよ");
    };

    // これで、文字列に hello と伝える手段が追加されました var str2="Xiao Yang";
    str2.sayHi();
  </スクリプト>
</head>
<本文>
</本文>
</html>

JavaScript の組み込みオブジェクトにプロトタイプ メソッドを追加する方法についての記事はこれで終わりです。JavaScript の組み込みオブジェクトにプロトタイプを追加する方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript 組み込みオブジェクトの概要
  • 組み込みオブジェクトに関するJavascriptの基礎
  • JavaScript における一般的な組み込みオブジェクトの使用法の分析
  • JavaScript 組み込みオブジェクトの計算、グローバル関数、使用例の分析
  • JavaScriptの組み込みオブジェクトの詳細な説明
  • js でよく使われる組み込みメソッドとオブジェクトについての簡単な説明
  • JavaScriptの単一組み込みオブジェクトに関する詳細な理解
  • JavaScript組み込みオブジェクト操作の詳細な説明
  • JSP 組み込みオブジェクトとメソッドの詳細な紹介
  • JavaScript 組み込みオブジェクトのプロパティとメソッドのコレクション
  • 組み込みオブジェクトの使用方法 JavaScript オブジェクトの Math
  • JavaScript の組み込みオブジェクトの概要

<<:  Linux システムに docker をインストールし、ssh 経由で docker コンテナにログインする方法

>>:  MySQLでトリガーを作成する方法

推薦する

CentOSはローカルyumソース/Alibaba Cloud yumソース/163yuanソースを設定し、yumソースの優先順位を設定します。

1. Centosイメージを使用してローカルのyumソースをビルドするCentOS をインストール...

Linux 環境の Apache サーバーでセカンダリドメイン名を設定する方法の詳細な説明

この記事では、Linux 環境の Apache サーバーでセカンダリ ドメイン名を構成する方法につい...

MySQL シャーディング入門ガイド

序文リレーショナル データベースは、システムのボトルネックになる可能性が高くなります。単一のマシンの...

React、Angular、Vueの3つの主要なフロントエンド技術の詳細説明

目次1. 反応する基本的な使い方注目すべき機能クラスコンポーネント仮想DOMライフサイクルメソッドJ...

Vue cli開発に基づく外部コンポーネントVantのデフォルトスタイルの変更の詳細な説明

目次序文1. 少ない2. コンポーネントをインポートする3. 設定ファイルを変更するステップ1: l...

画像プレビュー付きのアップロードフォームの完全な HTML

画像プレビュー機能付きのアップロードフォーム、完全なHTMLコードは次のとおりです。 <htm...

MySQL 8.0 の非表示列に対する基本操作

目次01 非表示の列を作成する02 非表示の列に対する基本操作03 非表示の列メタデータ04 主キー...

MySQLデータベースで列を追加、削除、変更する方法

この記事では、例を使用して、MySQL データベースの列を追加、削除、および変更する方法について説明...

Tomcatにデプロイされたアプリケーションがフロントエンドページにアクセスできない問題について

最近、実践的なトレーニング プロジェクトを実行する際に ssm フレームワークを使用しました。プロジ...

MySQL クエリ ステートメントのプロセスと EXPLAIN ステートメントの基本概念とその最適化

ウェブサイトやサービスのパフォーマンスは、データベースの設計(適切な言語開発フレームワークを選択した...

Nginx サーバーで Web クローラーをブロックおよび禁止する方法

通常、すべての Web サイトは、多くの非検索エンジン クローラーに遭遇します。これらのクローラーの...

CSS3のwebkit-box-reflectを巧みに使用して、さまざまな動的効果を実現します。

かなり前の記事で、 -webkit-box-reflectプロパティについて説明しました。リフレクシ...

CSS3実践手法のまとめ(推奨)

1. 丸い境界線: CSSコードコンテンツをクリップボードにコピー境界線の半径: 4px ; 2....

MySQL の count()、group by、order by の詳細な説明

最近、IM を実行するときに、これらの 3 つのキーワードを同時に使用したときに問題が発生しました。...

IDEA で Linux コマンドを使用する方法

Windows システムと比較して、Linux システムは多数の豊富なコマンドライン ツールを提供し...