JavaScript为内置对象添加原型方法
2021/6/10 20:24:34
本文主要是介绍JavaScript为内置对象添加原型方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
文章目录
- 对象调用方法的顺序:
- 添加字符串倒序输出字符串的方法
- 编写自己的Array排序方法
- 案例全部代码
对象调用方法的顺序:
实例中的方法如果没有,去创建该实例对象的构造函数的原型对象中找
我们能为系统的对象的原型中添加方法,其实也就是相当于在改变源码
添加字符串倒序输出字符串的方法
我希望字符串中有一个倒序字符串的方法
String.prototype.myReverse=function () { for(var i=this.length-1;i>=0;i--){ console.log(this[i]); } }; var str="abcdefg"; str.myReverse();
我们可以看到输出
编写自己的Array排序方法
为Array内置对象的原型对象中添加方法
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> //为内置对象添加原型方法 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); //实例中的方法如果没有,去创建该实例对象的构造函数的原型对象中找 //我们能否为系统的对象的原型中添加方法,相当于在改变源码 //我希望字符串中有一个倒序字符串的方法 String.prototype.myReverse=function () { for(var i=this.length-1;i>=0;i--){ console.log(this[i]); } }; var str="abcdefg"; str.myReverse(); //为Array内置对象的原型对象中添加方法 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>
这篇关于JavaScript为内置对象添加原型方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-22项目:远程温湿度检测系统
- 2024-12-21《鸿蒙HarmonyOS应用开发从入门到精通(第2版)》简介
- 2024-12-21后台管理系统开发教程:新手入门全指南
- 2024-12-21后台开发教程:新手入门及实战指南
- 2024-12-21后台综合解决方案教程:新手入门指南
- 2024-12-21接口模块封装教程:新手必备指南
- 2024-12-21请求动作封装教程:新手必看指南
- 2024-12-21RBAC的权限教程:从入门到实践
- 2024-12-21登录鉴权实战:新手入门教程
- 2024-12-21动态权限实战入门指南