Prototype扩展Array，document，String，Function，Number

最新推荐文章于 2022-07-16 18:02:16 发布
最新推荐文章于 2022-07-16 18:02:16 发布
阅读量104 收藏
点赞数
分类专栏： Prototype 文章标签： prototype JavaScript Hibernate XHTML Struts ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/libinxuan520/article/details/83767833
版权

Array的扩展 

<!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>
		<title>扩展Array</title>
		<meta name="author" content="Yeeku.H.Lee" />
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	</head>
	<body>
		<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
		<script type="text/javascript">
			//定义第一个一维数组
			var a = [ 'Java', 'Java EE' ];
			//定义第二个一维数组
			var b = [ 'wawa', 'anno' ];
			//将两个一维数组组成一个二维数组
			var c = [ a, b ];
			c.each(function(ele, index) {
				document.writeln("第" + index + "个元素是：" + ele + "<br />");
			});
			//以一个二维数组和一个普通值形成三维数组
			var d = [ c, 'china' ]
			//输出三维数组的长度
			document.writeln("d数组的长度是：" + d.length + "<br />");
			//将三维数组"压扁"成一维数组。
			var e = d.flatten();
			//输出一维数组后的长度（看到5）和数组元素
			document.writeln(e.size() + e);
		</script>
	</body>
</html>
 document扩展： 
<!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>
		<title>扩展document</title>
		<meta name="author" content="Yeeku.H.Lee" />
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	</head>
	<body>
		<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
		<script type="text/javascript">
		//为document的loaded事件绑定事件监听器
		document.observe("dom:loaded" , function(event)
		{
			$("show").innerHTML += ("页面装载完成 <br />");
		});
		//为document的a:b事件绑定事件监听器
		document.observe("a:b" , function(event)
		{
			$("show").innerHTML += ("myEvent被触发了 <br />");
			//访问event.memo.book属性
			$("show").innerHTML += ("event.memo.book属性值为：" 
				+ event.memo.book);
		});
		</script>
		<!-- 单击该按钮时触发document上的a:b事件 -->
		<input type="button" value="单击我"
			οnclick='document.fire("a:b" , {book:"Ajax"});' />
		<div id="show"></div>
	</body>
</html>
 String扩展： 
<!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>
		<title>扩展document</title>
		<meta name="author" content="Yeeku.H.Lee" />
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	</head>
	<body>
		<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
				<script type="text/javascript">
			//用于示范删除XML和HTML标记
			var str1 = '<a>dfd</a>';
			//输出结果为dfd
			alert("'<a>dfd</a>'.stripTags()的结果为：" + str1.stripTags());
			//用于示范删除脚本
			var str2 = '<script>dfd<\/script>';
			//删除脚本后字符串为空字符串
			alert("'<script>dfd<\/script>'.stripScripts()的结果为：" + str2.stripScripts());
			//示范将HTML标记转义
			var str3 = '<a>dfd</a>';
			//输出结果为&lt;a&gt;dfd&lt;/a&gt;
			alert("'<a>dfd</a>'.escapeHTML()的结果为：" + str3.unescapeHTML());
			//示范反转义HTML标记
			var str4 = '&lt;a&gt;dfd&lt;/a&gt;';
			//输出结果为<a>dfd</a>
			alert("'&lt;a&gt;dfd&lt;/a&gt;'.unescapeHTML()的结果为：" + str4.unescapeHTML());
			//示范执行字符串中的脚本
			var str5 = '<script>alert("====");<\/script>';
			//弹出警告对话框
			str5.evalScripts();
			//示范取得字符串中的脚本
			var str6 = '<script>alert("====");<\/script>' + '<script>alert("xxxx");<\/script>';
			//输出一个长度为2的字符串数组。
			alert(str6.extractScripts());
			var str7 = 'abc-xyz-ghi';
			var str8 = str7.camelize();
			alert("'abc-xyz-ghi'.camelize()的值为：" + str8);
			var str9 = str8.underscore().dasherize();
			//再次恢复'abc-xyz-ghi';
			alert(str9);
			var book = 'Java EE';
			alert("'Java EE'.truncate(8 , '...')的值："
					+ book.truncate(10, '...'));
			var str10 = 'java struts hibernate';
			//用逗号（,）替换空白，将输出java,struts,hibernate
			alert(str10.gsub('\\s+', ','));
			//使用自定义替换，将所有单词首字母大写，并在单词后添加逗号（,）
			//将输出Java, Struts, Hibernate
			alert(str10.gsub('\\w+', function(match) {
				return match[0].capitalize() + ",";
			}));
			//将依次输出java,struts,hibernate
			str10.scan("\\w+", function(match) {
				alert(match);
			});
		</script>
	</body>
</html>
 Function扩展： 
<!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>
		<title>扩展Function</title>
		<meta name="author" content="Yeeku.H.Lee" />
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	</head>
	<body>
		<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
		<script type="text/javascript">
			//定义一个JavaScript对象
			var person = {
				name : 'lbx',
				//虽然info()函数定义在person对象里，它依然是一个独立的函数
				info : function() {
					alert(this.name);
				}
			};
			//看到输出'yeeku'
			person.info();
			//再定义一个runFn函数，该函数专门用于运行指定函数
			function runFn(f) {
				f();
			}
			window.name = 'Java';
			//该函数所在范围是window,所以this.name为'Java讲义'
			runFn(person.info);
			//下面代码先将person.info函数绑定给person。
			//这样无论以何种方式执行该函数，person.info函数的this总是引用person。
			runFn(person.info.bind(person));
			function test(name, age) {
				alert("此人名为：" + name + "\n" + "年龄为：" + age);
			}
			//将test()函数包转成newTest函数，test()函数的第一个参数已经有值
			var newTest = test.curry('lbx');
			//将输出"此人名为：lbx\n 年龄为：31
			newTest(31);
			//定义一个函数，函数targe
			var fn1 = function(target, name) {
				target.name = name;
			};
			//执行fn1.methodize();产生一个新函数
			var fn2 = fn1.methodize();
			//程序将this（代表window）传入fn1。
			fn2("XML");
			//输出"XML"
			alert(name);
		</script>
	</body>
</html>
 Number扩展： 
<!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>
		<title>扩展Number</title>
		<meta name="author" content="Yeeku.H.Lee" />
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	</head>
	<body>
		<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
		<script type="text/javascript">
			//下面输出4。
			alert((-4).abs());
			//下面输出-2。
			alert((-2.3).ceil());
			//下面输出-2。
			alert((-1.4).floor());
			//下面输出4。
			alert((4.4).round());
			//下面输出2.2。
			alert((1.2).succ());
			//下面将依次输出0、1、2
			(3).times(function(num) {
				alert(num);
			});
			//下面将输出'13'
			alert((19).toColorPart());
			//下面将输出'000022'
			alert((12).toPaddedString(6, 5));
		</script>
	</body>
</html>
 
平民-王子
关注
专栏目录
JavaScript---网络编程(3)-Object、String、Array对象和prototype属性
谙忆-陈浩翔
06-04 8115
本节学习JavaScript的对象和方法（函数）~Object 对象提供所有 JScript 对象通用的功能。obj = new Object([value]) 参数 obj 必选项。要赋值为 Object 对象的变量名。 value 可选项。任意一种 JScript 基本数据类型。（Number、Boolean、或 String。）如果 value 为一个对象，返回不作改动的该对象。如果
深入理解 Array.prototype.map()
小昱的博客
03-14 808
深入理解 Array.prototype.map()map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。语法let new_array = arr.map(function callback(currentValue, index, array) { // Return element for new_array }[, thisArg])参数 c
prototype.js的扩展
首席技术执行官CTO(Chief Technology Officer)|技术总监--邓斌博客
01-20 1344
[prototype.js是由Sam Stephenson写的一个javascript类库。用于建立有高度互动的web2.0特性的富客户端页面。] 1. JavaScript 类的扩展 prototype.js 包中加入功能的一种途径就是扩展已有的JavaScript 类。 2. 对 Object 类的扩展 Object 类的扩展 
《JavaScript》重学JS-细聊一下prototype、__proto__与constructor（超详解版）
Oliver尹的博客
01-07 2124
我们知道不管是TypeScript还是JavaScript的class，归根结底都是基于prototype实现的，因此才将class称作语法糖，本文以我之重学视角，结合图解、示例、ECMAScript原文以及prototype、__proto__与constructor的历史，换个角度学习一下三者并记录分享；
JavaScript prototype属性与修改对象
阳光岛主
09-02 5089
JavaScript prototype属性 定义和用法prototype 属性使您有能力向对象添加属性和方法。语法object.prototype.name=value实例在本例中，我们将展示如何使用 prototype 属性来向对象添加属性：输出：20000=======================================================
JavaScript系列之Array对象
老__L的博客
07-16 3410
示例代码如下： 1.2、new Array() 示例代码如下 注意：上面代码中arr创建出的是一个空数组，如果需要使用构造函数Array创建非空数组，可以在创建数组时传入参数elementN：Array 构造器会根据给定的元素创建一个 JavaScript 数组，但是当仅有一个参数且为数字时除外。注意，后者仅适用于用 Array 构造器创建数组，而不适用于用方括号创建的数组字面量。 arrayLength：一个范围在 0 到 2^32 - 1 之间的整数，此时将返回一个 length 的值等于 arrayL
Array.from()方法
歪脖先生的博客
01-23 2164
Array.from()方法 Array.from()方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。 下面是一个类似数组的对象，Array.from()方法将它转为真正的数组。 let arrayLike = { '0': 'a', '1':
如何判断一个变量是数组Array类型
热门推荐
梦龙小站
09-13 2万+
在很多时候，我们都需要对一个变量进行数组类型的判断。JavaScript中如何判断一个变量是数组Array类型呢?我最近研究了一下，并分享给大家，希望能对大家有所帮助。
【JavaScript】（6）Object、String、Array、Date对象的方法、属性（constructor、prototype）
05-01 762
Object对象： 1、【Object对象】—-提供JavaScript对象通用的功能1.1、使用格式：var obj=new Object( [value] ); alue为基本数据类型[ Number, Boolean ,String] 1.2、prototype 属性 | constructor 属性代码演示：<!DOCTYPE html PUBLIC "-//W3C//DTD
es6数组之Array.from()
qq_29055201的博客
01-15 822
Array.from方法用于将两类对象转为真正的数组：类似数组的对象(array-like-object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。 下面是一个类似的对象，Array.from将它转为真正的数组。 let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 } // es5的写法 ...
prototype.js开发笔记.pdf
11-23
Prototype.js提供了许多JavaScript类的扩展，例如Object、Number、Function、String、Document、Event等。 2.2. 对 Object 类的扩展 Prototype.js提供了许多Object类的扩展，例如Object.extend()、Object.clone()...
【JavaScript笔记 · 基础篇(五)】Array全家桶（引用数据类型中的数组 / Array对象 / Array.prototype）
JZevin的博客
08-12 652
文章目录一. 引用数据类型中的数组1.1 概述1.2 初始化1.2.1 字面量1.2.2 构造函数模式1.3 访问1.4 length属性1.5 数组遍历1.6 类数组对象1.6.1 四种典型的类数组对象1.6.2 类数组对象转化成真数组的方法二. Array对象2.1 Array静态方法Array.isArray()Array.from()Array.of()三. Array.prototype.*3.1 对象通用实例方法Array.prototype.valueOf()Array.prototype.t
Prototype.js 开发与应用指南
2.1-2.6：扩展了JavaScript的基础类，如JavaScript类的扩展、Object类、Number类、Function类、String类、documentDOM对象的扩展。 2.7-2.10：扩展了Event对象，定义了PeriodicalExecuter对象，Prototype对象，以及...
ES6 （八）数组的扩展、扩展运算符…（转为数组）、Array.from转为数组、Array.of、copyWithin、find、fill、includes、flat、数组的空位、sort
qq_43456781的博客
08-03 371
ES6 （八）数组的扩展、扩展运算符…（转为数组）、Array.from转为数组、Array.of、copyWithin、find、fill、includes、flat、数组的空位、sort 文章目录ES6 （八）数组的扩展、扩展运算符…（转为数组）、Array.from转为数组、Array.of、copyWithin、find、fill、includes、flat、数组的空位、sort1. 扩展运算符含义替代函数的 apply 方法扩展运算符的应用**（1）复制数组****（2）合并数组****（3）与解
写一个Java挂机小游戏，测试华为互联网平台的功能。.zip
最新发布
11-05
本资源为Java挂机小游戏项目源码，旨在帮助初学者学习编程并测试华为互联网平台功能。通过编写和运行这个小游戏，用户可以掌握Java基础语法、面向对象编程、事件处理等基本概念，同时了解如何与华为云服务进行集成。项目包含详细的代码结构和注释，适合作为课程设计或毕业设计的参考材料，也可作为初学者的练手项目。请注意，该资源仅供学习使用，不得用于商业用途。
#-ssm-044-mysql-融资租赁管理系统-.zip
11-05
核心技术：SSM、mysql 一、用户管理模块：1.新增用户，2.删除用户，3.修改用户，4.查询用户。 二、租赁管理模块：1.租赁物管理，2.合同管理。 三、出租管理模块：1.租金管理，2.出租时间管理。 四、设置任务类型模块管理，类型包括：会议类型、约会类型、电话类型、纪念日类型、课程类型、其他类型。功能包括：1.类型的新增，2.类型的修改。 五、关于模块：本界面是介绍本系统的一些基本信息。包括此软件的制作者，制作时间等基本信息。
电子商务之价格优化算法：粒子群优化案例研究.docx
11-05
电子商务之价格优化算法：粒子群优化案例研究.docx
annoy-1.17.0-cp38-cp38-win32.whl.rar
11-05
python whl离线安装包 pip安装失败可以尝试使用whl离线安装包安装 第一步 下载whl文件，注意需要与python版本配套 python版本号、32位64位、arm或amd64均有区别 第二步 使用pip install XXXXX.whl 命令安装，如果whl路径不在cmd窗口当前目录下，需要带上路径 WHL文件是以Wheel格式保存的Python安装包， Wheel是Python发行版的标准内置包格式。 在本质上是一个压缩包，WHL文件中包含了Python安装的py文件和元数据，以及经过编译的pyd文件， 这样就使得它可以在不具备编译环境的条件下，安装适合自己python版本的库文件。 如果要查看WHL文件的内容，可以把.whl后缀名改成.zip，使用解压软件（如WinRAR、WinZIP）解压打开即可查看。 为什么会用到whl文件来安装python库文件呢？ 在python的使用过程中，我们免不了要经常通过pip来安装自己所需要的包， 大部分的包基本都能正常安装，但是总会遇到有那么一些包因为各种各样的问题导致安装不了的。 这时我们就可以通过尝试去Python安装包大全中（whl包下载）下载whl包来安装解决问题。
Toad Data Modeler：Toad数据模型器基础操作.docx
11-05
Toad Data Modeler：Toad数据模型器基础操作.docx
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值