JavaScript类扩展
prototype.js 类库实现强大功能的一种途径是扩展已有的JavaScript 类。
对 Object的扩展
Method Kind Arguments Description
extend(destination, source) static destination: any object, source: any object 提供一种通过拷贝所有源以象属性和函数到目标函数实现继承的方法
inspect(targetObj) static targetObj: any object 返回可读性好关于目标对象的文字描述,如果对象实例没有定义一个inspect函数,默认返回toString函数的值。
对Number的扩展
Method Kind Arguments Description
toColorPart() instance (none) 返回数字的十六进制表示形式。在把一个RGB数字转换成HTML表现形式时很有用。
succ() instance (none) 返回下一个数字,这个方法可用于迭代调用场景中。
times(iterator) instance iterator: a function object conforming to Function(index) Calls the iterator function repeatedly passing the current index in the index argument. 反复调用iterator函数并传递当前index到iterator的index参数。
下面的例子用提示框显示0-9。
<script>
function demoTimes(){
var n = 10;
n.times(function(index){
alert(index);
});
/***************************
* you could have also used:
* (10).times( .... );
***************************/
}
</script>
<input type=button value="Test Number.times()" onclick="demoTimes()">
对 Function扩展
Method Kind Arguments Description
bind(object) instance object: the object that owns the method 返回function的实例,这个实例和源function的结构一样,但是它已被绑定给了参数中提供的object,就是说,function中的this指针指向参数object。
bindAsEventListener(object) instance object: the object that owns the method 用法和上面的bind一样,区别在于用来绑定事件。
让我们看看如何运用这些扩展。
<input type=checkbox id=myChk value=1> Test?
<script>
//declaring the class
var CheckboxWatcher = Class.create();
//defining the rest of the class implementation
CheckboxWatcher.prototype = {
initialize: function(chkBox, message) {
this.chkBox = $(chkBox);
this.message = message;
//assigning our method to the event
this.chkBox.onclick =
this.showMessage.bindAsEventListener(this);
},
showMessage: function(evt) {
alert(this.message + ' (' + evt.type + ')');
}
};
var watcher = new CheckboxWatcher('myChk', 'Changed');
</script>
对String的扩展
Method Kind Arguments Description
stripTags() instance (none) 返回一个把所有的HTML或XML标记都移除的字符串。
stripScripts() instance (none) 返回一个把所有的script都移除的字符串。
escapeHTML() instance (none) 返回一个把所有的HTML标记合适的转义掉的字符串。
unescapeHTML() instance (none) escapeHTML()的反转。
extractScripts() instance (none) 返回一个包含在string中找到的所有<script>的数组。
evalScripts() instance (none) 执行在string中找到的所有<script>。
toQueryParams() instance (none) 把querystring分割才一个用parameter name做index的联合Array,更像一个hash。
parseQuery() instance (none) 和toQueryParams()一样.
toArray() instance (none) 把字符串转换成字符数组.
camelize() instance (none) 转换一个以连字符连接的字符串成一个骆驼法样式的字符串。比如,这个函数在写代码时,把它做为一个样式工具使用是很有用的。
分享到:
相关推荐
**描述:** prototype.js 是一个JavaScript库,主要目的是为了简化JavaScript的开发,提升开发效率。它通过扩展JavaScript的基本对象和类型,提供了丰富的功能,包括类式继承、面向对象编程的支持以及一些实用的DOM...
三、Prototype.js的应用场景 Prototype.js广泛应用于网页动态效果、表单处理、AJAX交互等方面。例如,它可以帮助开发者轻松实现页面元素的动画效果,如淡入淡出、滑动等;通过Ajax,可以实现无刷新的数据更新,提升...
《Prototype.js 1.4-1.6:JavaScript 动态原型框架的探索与实践》 Prototype.js 是一个广泛使用的JavaScript库...总的来说,Prototype.js 1.4-1.6[全]是一份宝贵的资源,对于JavaScript开发者来说具有很高的参考价值。
**Prototype.js 1.6 知识点详解** Prototype.js 是一个开源的JavaScript库,它扩展了JavaScript语言,为开发者提供..."prototypeAPI"这个文件可能包含了Prototype.js的API参考文档,是学习和查阅该库功能的重要资源。
### 三、使用Prototype.js的实践示例 1. **基本DOM操作**: ```javascript var element = $('myElement'); // 选取ID为'myElement'的元素 element.innerHTML = '新的内容'; // 修改元素内容 element.hide(); //...
《prototype.js 1.4版开发者手册》是JavaScript开发领域中的一个重要参考资料,尤其对于那些希望深入理解并利用Prototype库的开发者来说,它是一份不可多得的资源。Prototype.js是一个强大的JavaScript库,由Sam ...
Prototype.js是最早期的JavaScript框架之一,它的设计目标是增强JavaScript的基本功能,使得JavaScript的面向对象编程更加简洁和强大。Prototype的核心特性包括: 1. **对象扩展**:Prototype通过扩展JavaScript的...
三、Prototype.js实战应用 1. **模块化开发**:Prototype.js的模块化设计思路可以帮助开发者组织代码,提高代码复用性。使用`Object.extend()`或`Prototype.include()`方法,可以将功能划分到不同的模块中。 2. **...
Prototype.js 是一个广泛使用的JavaScript库,它为JavaScript编程提供了丰富的功能和便利,旨在简化和优化在浏览器环境中进行的脚本编写。1.6.0.3 版本是该库的一个稳定版本,它包含了对先前版本的改进和修复,以...
Prototype.js是一个JavaScript库,由Sam Stephenson编写,用于简化JavaScript编程,提供了许多有用的函数和方法,以帮助开发者快速构建Web应用程序。下面是Prototype.js的开发笔记,涵盖了该库的使用指南、Ajax对象...
万一你没有使用过大名鼎鼎的prototype.js,那么让我来告诉你,prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙,而且兼容标准的类库,能帮助你轻松建立有高度互动的web2.0特性的富客户端...
Prototype.js 是一个JavaScript框架,它扩展了JavaScript语言,提供了许多实用的功能,以简化JavaScript开发。CHM(Compiled HTML Help)是微软的一种帮助文件格式,通常用于软件的用户手册或技术文档,这里用于存放...
开发者网站: http://prototype.conio.net/ prototype学习资料包括: prototype14参考 prototype 1.3 源码解读.txt prototype 1.5 参考图 prototype 1.5pre1.js prototype 1.4.js
Prototype.js 参考 - **2.1 JavaScript 类的扩展**:Prototype.js 扩展了原生 JavaScript 类,提供了额外的功能。 - **2.2 对 Object 类的扩展**:增加了一些新的静态方法,如 `Object.extend()` 用于合并两个对象...
《Prototype开发者手册(中文版)》是一本专为JavaScript开发者准备的重要参考资料,它详细介绍了Prototype JavaScript框架的使用方法和核心概念。Prototype是一个广泛使用的开源JavaScript库,它的目标是简化...
《prototype.js 说明文档》是关于JavaScript库prototype.js的详细指南,主要涵盖了其核心概念、通用方法以及Ajax对象的使用等内容。Prototype是一个由Sam Stephenson编写的JavaScript库,旨在简化和增强JavaScript...
总结来说,《prototype.js源码及PDF文档》是JavaScript开发者的一份宝贵参考资料,它不仅提供了实际的代码示例,还有详细的理论指导,对于提升JavaScript技能和深入理解Prototype框架有极大的帮助。无论是初学者还是...
这份帮助文档不仅是一份API参考,更是一份学习Prototype.js的宝贵资料。 1. **对象与类的扩展** Prototype.js 1.6引入了类的模拟,通过`Class.create()`方法可以创建类。它还提供了`Object.extend()`方法用于对象...
4. prototype.js:Prototype是一个广泛使用的JavaScript库,它扩展了JavaScript的基本对象,为开发Web应用程序提供了便利。Prototype的核心特性包括DOM操作、Ajax支持以及强大的对象操作功能。其中,JSON支持是...
【描述】:本文档主要涵盖了Prototype.js库的编程指南,包括其核心概念、通用方法、Ajax对象以及对JavaScript原生类型和DOM对象的扩展。Prototype.js是一个由Sam Stephenson编写的JavaScript库,旨在简化Web 2.0应用...