快捷導(dǎo)航

JavaScript為內(nèi)置對象添加原型方法實(shí)現(xiàn)

更新時(shí)間：2021年05月07日 10:48:33 作者：流楚丶格念

這篇文章主要介紹了JavaScript為內(nèi)置對象添加原型方法實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

對象調(diào)用方法的順序：

實(shí)例中的方法如果沒有,去創(chuàng)建該實(shí)例對象的構(gòu)造函數(shù)的原型對象中找

我們能為系統(tǒng)的對象的原型中添加方法,其實(shí)也就是相當(dāng)于在改變源碼

添加字符串倒序輸出字符串的方法

我希望字符串中有一個(gè)倒序字符串的方法

    String.prototype.myReverse=function () {
      for(var i=this.length-1;i>=0;i--){
        console.log(this[i]);
      }
    };
    var str="abcdefg";
    str.myReverse();

我們可以看到輸出

在這里插入圖片描述

編寫自己的Array排序方法

為Array內(nèi)置對象的原型對象中添加方法

Array.prototype.mySort=function () {
      for(var i=0;i<this.length-1;i++){
          for(var j=0;j<this.length-1-i;j++){
              if(this[j]<this[j+1]){
                  var temp=this[j];
                this[j]=this[j+1];
                this[j+1]=temp;
              }//end if
          }// end for
      }//end for
    };

    var arr=[100,3,56,78,23,10];
    arr.mySort();
    console.log(arr);

在這里插入圖片描述

案例全部代碼

在這里插入圖片描述

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <script>
    //為內(nèi)置對象添加原型方法

   var arr=new Array(10,20,30,40,50);
       arr.join("|");
       console.dir(arr);


       var str=new String("哦,嘜嘎的");
       str.indexOf("哦");
       console.dir(str);


       var dt=new Date();
       dt.getFullYear();
       console.dir(dt);

    //實(shí)例中的方法如果沒有,去創(chuàng)建該實(shí)例對象的構(gòu)造函數(shù)的原型對象中找



    //我們能否為系統(tǒng)的對象的原型中添加方法,相當(dāng)于在改變源碼
    //我希望字符串中有一個(gè)倒序字符串的方法
    String.prototype.myReverse=function () {
      for(var i=this.length-1;i>=0;i--){
        console.log(this[i]);
      }
    };
    var str="abcdefg";
    str.myReverse();


    //為Array內(nèi)置對象的原型對象中添加方法
    Array.prototype.mySort=function () {
      for(var i=0;i<this.length-1;i++){
          for(var j=0;j<this.length-1-i;j++){
              if(this[j]<this[j+1]){
                  var temp=this[j];
                this[j]=this[j+1];
                this[j+1]=temp;
              }//end if
          }// end for
      }//end for
    };

    var arr=[100,3,56,78,23,10];
    arr.mySort();
    console.log(arr);


    String.prototype.sayHi=function () {
      console.log(this+"哈哈,我又變帥了");
    };

    //字符串就有了打招呼的方法
    var str2="小楊";
    str2.sayHi();
  </script>
</head>
<body>
</body>
</html>

到此這篇關(guān)于JavaScript為內(nèi)置對象添加原型方法實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)JavaScript內(nèi)置對象添加原型內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: