`
schy_hqh
  • 浏览: 561553 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

javascript中的原型prototype的应用

 
阅读更多

通过操作prototype来扩展javascript内置对象的功能

 

新建一个js文件用来存放对javascript对象的扩展

/**
 * 打印字符串到页面中
 */
Object.prototype.show = function() {
	document.write(this.toString()+"<br/>");
}


/**
 * 截取字符串两端的空格
 * 
 */
String.prototype.trim = function() {
	var start,end;
	start = 0;
	//this指代调用该匿名函数的对象
	end = this.length-1;
	//空格的code为32 , 也可以直接用 " "来表示 
	//去除字符串左边的空格 
	while(start<=end && (this.charCodeAt(start)==32)) {
		++start;
	}
	//去除字符串右边的空格 
	while(start<=end && (this.charCodeAt(end)==32)) {				
		--end;
	}
	//注意 :截串时包头不包尾 ,所以end+1
	return this.substring(start,end+1);
}


/** 
 * 字符串转换为字符数组
 * 
 */
String.prototype.toCharArray = function() {
	var chs = new Array(this.length);
	for(var i=0; i<this.length; i++)
		chs[i] = this.charAt(i);
	return chs;
}

//[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]

/**
 * 字符串反转
 * 1.将字符串转换为字符数组
 * 2.交换位置
 * 3.再将数组变为字符串返回
 */
String.prototype.reverse = function() {
	//字符串转换为数组
	var arr = this.toCharArray();
	
	//交换位置
	for(var start=0,end=arr.length-1; start<=end; start++,end--) {
		swapElementInArray(arr,start,end);
	}
	//javascript中可以在函数中定义函数,此时内部的函数作为一段代码的封装体存在
	function swapElementInArray(arr,i,j) {
		arr[i] = arr[i]^arr[j];
		arr[j] = arr[i]^arr[j];
		arr[i] = arr[i]^arr[j];
	}
	
	//Array对象的方法: arrayObject.join(separator) 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。  默认使用逗号作为分隔符。
	return arr.join("");
}

/**
 * 更简单的字符串反转实现
 * 1.字符串转为字符数组
 * 2.调用Array中已经提供的reverse()对数组反转
 * 3.再使用join()将数组转为字符串
 * */
String.prototype.reverseMoreSimple = function() {
	return this.toCharArray().reverse().join("");
}

//[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]

 

 

 

外部引入该js,即可使用其中的扩展功能

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<!-- 引入外部的js脚本文件 -->
	<script type="text/javascript" src="mytool.js"></script>
	<script type="text/javascript">
		//show()打印内容到页面,该方法加入到了Object的原型中,所有类型都可以使用 
		var str = "  hello  ";
		str.show(); 
		str.length.show();//9
		
		//trim()去除字符串两端空格 
		str.trim().show();
		str.trim().length.show();//5
		
		//toCharArray(),将字符串转换为字符数组 
		var s = "ABCDEFG";
		var charArray = s.toCharArray();
		charArray.show();//A,B,C,D,E,F,G
		
		//reverse() 反转一个字符串 
		var ss = "12345689";
		var newStr = ss.reverse();
		newStr.show();//98654321
		
		//reverseMoreSimple()也是反转一个字符串,但实现更简单 
		var sss = "abcdefg";
		var newString = sss.reverseMoreSimple();
		newString.show();//gfedcba
	</script>
</head>
<body>

</body>
</html>

 

 

 

 

 

 

=================================================================================

 

 

<script type="text/javascript">
	//扩展: 字符串的prototype 原型属性 
	
	//通过字符串的prototype原型, 对字符串对象的功能进行扩展
	//注意:只能通过原型添加功能 
	
	String.prototype.trim = function() {
		var start,end;
		start = 0;
		//this指代调用该匿名函数的对象
		end = this.length-1;
		//空格的code为32 , 也可以直接用 " "来表示 
		//去除字符串左边的空格 
		while(start<=end && (this.charCodeAt(start)==32)) {
			++start;
		}
		//去除字符串右边的空格 
		while(start<=end && (this.charCodeAt(end)==32)) {				
			--end;
		}
		//注意 :截串时包头不包尾 ,所以end+1
		return this.substring(start,end+1);
	}
	
	var s = " abc  ";
	sop("("+s+"),length="+s.length);
	//调用手动添加到字符串原型中的新功能,与调用字符串本身的方法一样,直接对象调用即可   
	var ss = s.trim();
	sop("("+ss+"),length="+ss.length);
	
</script>

 

分享到:
评论

相关推荐

    [AB PLC例程源码][MMS_044666]Translation N-A.zip

    AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!

    kolesar_3cd_01_0716.pdf

    kolesar_3cd_01_0716

    latchman_01_0108.pdf

    latchman_01_0108

    matlab程序代码项目案例:matlab程序代码项目案例MPC在美国高速公路场景中移动的车辆上的实现.zip

    matlab程序代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!

    pimpinella_3cd_01_0716.pdf

    pimpinella_3cd_01_0716

    petrilla_01_0308.pdf

    petrilla_01_0308

    [AB PLC例程源码][MMS_041452]Speed Controls in Plastic Extrusion.zip

    AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!

    强化学习驱动下DeepSeek技术创新及其对AI发展的影响

    内容概要:本文档由张卓老师讲解,重点探讨DeepSeek的技术革新及强化学习对未来AI发展的重要性。文章回顾了AI的历史与发展阶段,详细解析Transformer架构在AI上半场所起到的作用,深入介绍了MoE混合专家以及MLA低秩注意机制等技术特点如何帮助DeepSeek在AI中场建立优势,并探讨了当前强化学习的挑战和边界。文档不仅提及AlphaGo和小游戏等成功案例来说明强化学习的强大力量,还提出了关于未来人工通用智能(AGI)的展望,特别是如何利用强化学习提升现有LLMs的能力和性能。 适用人群:本资料适宜对深度学习感兴趣的研究人员、开发者以及想要深入了解人工智能最新进展的专业人士。 使用场景及目标:通过了解最新的AI技术和前沿概念,在实际工作中能够运用更先进的工具和技术解决问题。同时为那些寻求职业转型或者学术深造的人提供了宝贵的参考。 其他说明:文中提到了许多具体的例子和技术细节,如DeepSeek的技术特色、RL的理论背景等等,有助于加深读者对于现代AI系统的理解和认识。

    有师傅小程序开源版v2.4.14+前端.zip

    有师傅小程序开源版v2.4.14 新增报价短信奉告 优化部分细节

    [AB PLC例程源码][MMS_047333]Motor Sequence Starter with timers to start.zip

    AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!

    商城二级三级分销系统(小程序+后台含源码).zip

    商城二级三级分销系统(小程序+后台含源码).zip

    li_3ck_01b_0918.pdf

    li_3ck_01b_0918

    nicholl_3cd_01_0516.pdf

    nicholl_3cd_01_0516

    1995-2022年 网络媒体关注度、报刊媒体关注度与媒体监督相关数据.zip

    媒体关注度是一个衡量公众对某个事件、话题或个体关注程度的重要指标。它主要反映了新闻媒体、社交媒体、博客等对于某一事件、话题或个体的报道和讨论程度。 媒体监督的J-F系数(Janis-Fadner系数)是一种用于测量媒体关注度的指标,特别是用于评估媒体对企业、事件或话题的监督力度。J-F系数基于媒体报道的正面和负面内容来计算,从而为公众、研究者或企业提供一个量化工具,以了解媒体对其关注的方向和强度。 本数据含原始数据、参考文献、代码do文件、最终结果。参考文献中JF系数计算公式。 指标 代码、年份、标题出现该公司的新闻总数、内容出现该公司的新闻总数、正面新闻数全部、中性新闻数全部、负面新闻数全部、正面新闻数原创、中性新闻数原创、负面新闻数原创,媒体监督JF系数。

    [AB PLC例程源码][MMS_040315]Double INC and Double DEC of INT datatype.zip

    AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!

    [AB PLC例程源码][MMS_047773]Convert Feet to Millimeters.zip

    AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!

    [AB PLC例程源码][MMS_042349]How to read-write data to-from a PLC using OPC in Visual Basic 6.zip

    AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!

    matlab程序代码项目案例:matlab程序代码项目案例论文代码 多篇RMPC 鲁棒模型预测控制Paper-code-implementation.zip

    matlab程序代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!

    lusted_3cd_02_0716.pdf

    lusted_3cd_02_0716

    pepeljugoski_01_0107.pdf

    pepeljugoski_01_0107

Global site tag (gtag.js) - Google Analytics