javascript的prototype给对象增加方法属性

最新推荐文章于 2022-04-12 16:10:24 发布

景天晓志

最新推荐文章于 2022-04-12 16:10:24 发布

阅读量758

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： prototype javascript string xhtml function html

本文链接：https://blog.youkuaiyun.com/jingtian_xiaozhi/article/details/8043435

JavaScript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种在JavaScript中通过原型扩展为数组和字符串对象添加自定义方法的技术。具体包括如何为数组添加获取最大值和最小值的方法，以及为字符串添加去除两端空白的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

功能实现

第一步用prototype将方法增加给类对象

第二步this代替类对象

代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<!--不会的单词prototype原形-->
</head>

<body>
<script type="text/javascript" src="tool.js"></script>
<script type="text/javascript" src="str.js"></script>
<script type="text/javascript">
<!--将数组封装-->
var a=[1,2,3,6,7];
var x=a.getZuiDa();
var y=a.getZuiXiao();
alert(y);

<!--将String封装-->
var s="---hello---";
var x=s.trim();
alert(x);
</script>
</body>
</html>

tool.js

// JavaScript Document




function getMax()
{
	Max=this[0];
	for(var i=0;i<this.length;i++)
	{
		if(this[i]>Max)
		Max=this[i];
	}
	return Max;
}
function getMin()
{
	Min=this[0];
	for(var i=0;i>this.length;i++)
	{
		if(this[i]>Min)
		Min=this[i];
	}
	return Min;
}

Array.prototype.getZuiDa=getMax;
Array.prototype.getZuiXiao=getMin;

str.js

// JavaScript Document

function trim()
{
	for(var start=0;start<this.length-1&&this.charAt(start)=="-";start++){}
	for(var end=this.length-1;end>0&& this.charAt(end)=="-";end--){}
	var string =this.substring(start,end+1);
	return string;
}
String.prototype.trim=trim;