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でトリガーを作成する方法

推薦する

Vue 3 カスタムディレクティブ開発の概要

指令とは何ですか? Angular と Vue はどちらもディレクティブの概念を持っており、これは通...

HTML の順序付きリスト、順序なしリスト、定義リストに関する簡単な説明

順序付きリストXML/HTML コードコンテンツをクリップボードにコピー<オルタイプ= &qu...

vue-router のハッシュモードと履歴モードの違い

vue-routerには2つのモードがありますハッシュモード履歴モード1. シングルページアプリケー...

Vue2とVue3のライフサイクルの比較の詳細な理解

目次サイクル比較使用法要約するサイクル比較ヴュー2ヴュー3作成前設定作成された設定マウント前マウント...

IE 8/Chrome/Firefox と互換性のあるコメント返信ポップアップマスク効果実装アイデア

平日はニュースに注目して、テンセントをよく閲覧しています。しかし、コメントへの返信はほとんど見られま...

仮想マシンに Windows Server 2008 オペレーティング システムをインストールする

この記事では、Windows Server オペレーティング システムのインストールと企業でのそのア...

MySQLデータベースの共通操作スキルのまとめ

この記事では、MySQL データベースの一般的な操作テクニックをまとめます。ご参考までに、詳細は以下...

HTMLウェブページテーブル構造化マークアップの応用に関する簡単な説明

Web テーブルの構造マークアップについて説明する前に、いくつかの画像を見てみましょう。 HTML ...

CocosCreatorでリストを作成する方法

CocosCreator バージョン: 2.3.4 Cocos には List コンポーネントがない...

MySQL における IF()、IFNULL()、NULLIF()、および ISNULL() 関数の使用に関する詳細な説明

MySQL では、IF()、IFNULL()、NULLIF()、および ISNULL() 関数を使用...

MySQL データベースを最適化する 8 つの方法の詳細な説明 (必読の定番)

導入:インターネット上にはデータベースの最適化に関する情報や方法が数多くありますが、その多くは品質に...

WindowsでiTunesのバックアップパスを変更する方法

0. 準備: • iTunesを閉じる• タスクマネージャーでiTunesから始まるサービスを終了し...

Virtualbox に Centos7 仮想マシンをインストールする詳細なグラフィック チュートリアル

1. Centos7をダウンロードするダウンロードアドレス: https://mirrors.tun...

Vueはスクロールバースタイルを実装します

最初はブラウザのスクロールバーのスタイルを変更して効果を実現したいと思っていましたが、情報を調べてみ...

Vue+elementUI コンポーネントは、折りたたみ可能な動的レンダリングのマルチレベル サイドバー ナビゲーションを再帰的に実装します。

かなり前に実装された機能ですが、クリックすると選択したメニュー項目の背景色が白くなることに気付きまし...