JavaScript為內(nèi)置對(duì)象添加原型方法實(shí)現(xiàn)
對(duì)象調(diào)用方法的順序:
實(shí)例中的方法如果沒(méi)有,去創(chuàng)建該實(shí)例對(duì)象的構(gòu)造函數(shù)的原型對(duì)象中找
我們能為系統(tǒng)的對(duì)象的原型中添加方法,其實(shí)也就是相當(dāng)于在改變?cè)创a
添加字符串倒序輸出字符串的方法
我希望字符串中有一個(gè)倒序字符串的方法
String.prototype.myReverse=function () { for(var i=this.length-1;i>=0;i--){ console.log(this[i]); } }; var str="abcdefg"; str.myReverse();
我們可以看到輸出
編寫(xiě)自己的Array排序方法
為Array內(nèi)置對(duì)象的原型對(duì)象中添加方法
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)置對(duì)象添加原型方法 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í)例中的方法如果沒(méi)有,去創(chuàng)建該實(shí)例對(duì)象的構(gòu)造函數(shù)的原型對(duì)象中找 //我們能否為系統(tǒng)的對(duì)象的原型中添加方法,相當(dāng)于在改變?cè)创a //我希望字符串中有一個(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)置對(duì)象的原型對(duì)象中添加方法 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)置對(duì)象添加原型方法實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)JavaScript內(nèi)置對(duì)象添加原型 內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- JavaScript內(nèi)置對(duì)象介紹
- Javascript基礎(chǔ)知識(shí)中關(guān)于內(nèi)置對(duì)象的知識(shí)
- JavaScript常用內(nèi)置對(duì)象用法分析
- JavaScript內(nèi)置對(duì)象math,global功能與用法實(shí)例分析
- 詳解JavaScript的內(nèi)置對(duì)象
- 淺談js常用內(nèi)置方法和對(duì)象
- 深入理解JavaScript單體內(nèi)置對(duì)象
- javascript內(nèi)置對(duì)象操作詳解
- jsp內(nèi)置對(duì)象及方法詳細(xì)介紹
- JavaScript 內(nèi)置對(duì)象屬性及方法集合
- javascript對(duì)象之內(nèi)置對(duì)象Math使用方法
- JavaScript中的內(nèi)置對(duì)象介紹
相關(guān)文章
第一次動(dòng)手實(shí)現(xiàn)bootstrap table分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了第一次動(dòng)手實(shí)現(xiàn)bootstrap table分頁(yè)效果的相關(guān)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09淺談toLowerCase和toLocaleLowerCase的區(qū)別
下面小編就為大家?guī)?lái)一篇淺談toLowerCase和toLocaleLowerCase的區(qū)別。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08layui 數(shù)據(jù)表格復(fù)選框?qū)崿F(xiàn)單選功能的例子
今天小編就為大家分享一篇layui 數(shù)據(jù)表格復(fù)選框?qū)崿F(xiàn)單選功能的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09JS實(shí)現(xiàn)簡(jiǎn)單的浮動(dòng)碰撞效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單的浮動(dòng)碰撞效果,類似于廣告懸浮圖片在屏幕上來(lái)回碰撞的效果,涉及javascript結(jié)合時(shí)間動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,需要的朋友可以參考下2017-12-12頁(yè)面間固定參數(shù),通過(guò)cookie傳值的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇頁(yè)面間固定參數(shù),通過(guò)cookie傳值的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05原生js通過(guò)一行代碼實(shí)現(xiàn)簡(jiǎn)易輪播圖
這篇文章主要介紹了原生js一行代碼實(shí)現(xiàn)簡(jiǎn)易輪播圖功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2019-06-06