本文介绍如何在JavaScript中为内置对象（如String和Array）的原型添加自定义方法。通过修改原型对象，可以扩展内置对象的功能，例如实现字符串倒序输出和数组排序。文章提供了具体的代码示例和完整案例，帮助开发者理解并应用这一技术。
对象调用方法的顺序：
当实例对象中未定义某个方法时，JavaScript引擎会沿着原型链向上查找，即在创建该实例的构造函数的原型对象中寻找该方法。
通过向系统内置对象的原型中添加方法，实际上等同于修改了这些内置对象的源码行为。
添加字符串倒序输出字符串的方法
期望字符串对象具备一个倒序输出的方法。
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为内置对象添加原型方法实现的文章就介绍到这了,更多相关JavaScript内置对象添加原型 内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！