欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2021年05月07日 10:48:33   作者:流楚丶格念  
這篇文章主要介紹了JavaScript為內(nèi)置對象添加原型方法實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧

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

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

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

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

我希望字符串中有一個倒序字符串的方法

    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);

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



    //我們能否為系統(tǒng)的對象的原型中添加方法,相當于在改變源碼
    //我希望字符串中有一個倒序字符串的方法
    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)置對象添加原型方法實現(xiàn)的文章就介紹到這了,更多相關(guān)JavaScript內(nèi)置對象添加原型 內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 第一次動手實現(xiàn)bootstrap table分頁效果

    第一次動手實現(xiàn)bootstrap table分頁效果

    這篇文章主要為大家詳細介紹了第一次動手實現(xiàn)bootstrap table分頁效果的相關(guān)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-09-09
  • 淺談toLowerCase和toLocaleLowerCase的區(qū)別

    淺談toLowerCase和toLocaleLowerCase的區(qū)別

    下面小編就為大家?guī)硪黄獪\談toLowerCase和toLocaleLowerCase的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • layui 數(shù)據(jù)表格復(fù)選框?qū)崿F(xiàn)單選功能的例子

    layui 數(shù)據(jù)表格復(fù)選框?qū)崿F(xiàn)單選功能的例子

    今天小編就為大家分享一篇layui 數(shù)據(jù)表格復(fù)選框?qū)崿F(xiàn)單選功能的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • 小程序?qū)崿F(xiàn)圖片預(yù)覽裁剪插件

    小程序?qū)崿F(xiàn)圖片預(yù)覽裁剪插件

    這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)圖片預(yù)覽裁剪插件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-11-11
  • JS實現(xiàn)簡單的浮動碰撞效果示例

    JS實現(xiàn)簡單的浮動碰撞效果示例

    這篇文章主要介紹了JS實現(xiàn)簡單的浮動碰撞效果,類似于廣告懸浮圖片在屏幕上來回碰撞的效果,涉及javascript結(jié)合時間動態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下
    2017-12-12
  • 關(guān)于JS中的作用域中的問題思考分享

    關(guān)于JS中的作用域中的問題思考分享

    這篇文章主要介紹了關(guān)于JS中的作用域中的問題思考分享,scope和?closure是?javascript中兩個非常關(guān)鍵的概念,前者JS用多了還比較好理解而且容易體會到,而?closure就不一樣了。這玩意是真的很容易迷糊,需要的朋友可以參考下
    2022-04-04
  • 頁面間固定參數(shù),通過cookie傳值的實現(xiàn)方法

    頁面間固定參數(shù),通過cookie傳值的實現(xiàn)方法

    下面小編就為大家?guī)硪黄撁骈g固定參數(shù),通過cookie傳值的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-05-05
  • 原生js通過一行代碼實現(xiàn)簡易輪播圖

    原生js通過一行代碼實現(xiàn)簡易輪播圖

    這篇文章主要介紹了原生js一行代碼實現(xiàn)簡易輪播圖功能,本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
    2019-06-06
  • 基于JS設(shè)計12306登錄頁面

    基于JS設(shè)計12306登錄頁面

    本文給大家分享一段js代碼實現(xiàn)12306登錄界面,非常不錯,具有參考借鑒價值,需要的朋友參考下
    2016-12-12
  • 微信小程序如何自定義table組件

    微信小程序如何自定義table組件

    這篇文章主要介紹了微信小程序如何自定義table組件,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下
    2019-06-06

最新評論