Prototype使用指南之base.js


Posted in Javascript onJanuary 10, 2007

base.js中包含下面的内容  类的创建与继承: Class.create(): 创建一个类,例如 person=Class.create() Object.extend(destination, source): 把source中方法属性copy到destination(使用for propertyin source),需要注意的是,javascript中除了基本类型(Number, Boolean)外都是引用类型,所以这种copy一般只是copy引用而已,destination和source还是指向同一个方法或对象属性(function array object) 这面向对象的编程中,一般通过Class.create新建一个类,如果这个类继承于领一个类,一般使用Object.extend(class.prototype, parentClass.prototype)或者Object.extend(class.prototype, aparentClassInstance)
Object构造函数的扩展: Object是其他对象实例的构造函数(var a=new Object()),也是所有其他类的父类,对Object直接扩展(注意不是扩展Object.prototype,扩展Object.prototype相当于添加实例方法)相当于为Object类添加静态方法 Object.inspect(object): 调用object的inspect(如果定义了)或toString方法,返回一个对象的字符串表示 Object.keys(object): 返回一个对象的所有属性和方法名称组成的数组, 例如Object.keys(document.body) Object.values(object):返回一个对象的所有属性和方法的值组成的数组, 例如Object.values(docuement) Object.clone(object): 返回一个对象的clone版本,其实是执行Object.extent方法把object中的方法属性copy到一个新对象中,然后返回这个对象
函数邦定: 定义了Function对象的两个方法,bind和bindAsEventListener,这两个方法是一个函数的两个方法,对于java、c#程序员来说,看到这个也许感到很惊讶,因为在他们看来函数只是一个程序语句组织结构而已--->怎么还有方法,而且还可以扩展? 这也是javascript等脚本语言相对于java等一个非常强大的功能,函数也是一个对象,函数名就是这个对象的名称,只要你愿意,你也可以使用new Function(...)来定义函数,所以为函数定义方法也就很正常不过了 这两个函数的主要作用是为了解决使用javascript面向对象风格编程中this的引用问题,在javasctipt中this关键字始终指向调用该函数的对象或者指向使用call,apply方法指定的对象(具体这方面的知识可以自己google一下,以下系列对prototype的介绍也假设读者对javascript语言比较熟悉了,如果不熟悉可以找本javascript权威指南这本书看看) 要理解这个问题首先要理解 始终指向 这个问题,就是this这个关键字比较特殊,不能把他当成一般的变量名看待,最常见的一个错误就是在返回函数的调用中使用this,例如return function(){this.aMethod()}, 当你下次调用这个返回的匿名方法时,这个this引用的内容又指向了调用这个函数的对象了,记住的一点的this是个关键字,不是变量名,不会产生闭包 对Number的扩展(注意num也可以看成对象,其实是在使用的时候系统自动打包成Number对象): toColorPart:把数字转换为可以用于表示color的16进制值:例如 7.toColorPart()=>"07",28.toColorPart()=>"1C" succ: 返回num++, 但不改变num本身的值,其实就是 return this+1 times:对从0到这个数字轮流调用一个函数, 例如function a(n){docuement.write(n)}, 10.times(a), 将显示012345678910, 注意函数也是一个对象,而且与其他对象并没有实质的区别
Try对象: Try对象提供了一个很有趣的功能, 先看一下如下的代码: var Ajax = {   getTransport: function() {     return Try.these(       function() {return new XMLHttpRequest()},       function() {return new ActiveXObject('Msxml2.XMLHTTP')},       function() {return new ActiveXObject('Microsoft.XMLHTTP')}     ) || false;   } } Try对象提供了一个方法these, 这个方法接受一个函数类型的参数列表,然后轮流执行这些函数,当其中一个函数没有产生错误时,就停止执行,并且返回这个函数返回的值,自己慢慢体会吧 PeriodicalExecuter(周期性执行器)对象 这个对象是对setInterval方法的简单封装,使用方法如下 var a=new PeriodicalExecuter(callback, frequency) //callback: 执行的函数名 frequency: 每次执行的时间间隔 a.stop()  

Javascript 相关文章推荐
JavaScript Object的extend是一个常用的功能
Dec 02 Javascript
Javascript匿名函数的一种应用 代码封装
Jun 27 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
Oct 04 Javascript
js动画(animate)简单引擎代码示例
Dec 04 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
Apr 02 Javascript
基于jquery实现智能提示控件intellSeach.js
Mar 17 Javascript
深究AngularJS中$sce的使用
Jun 12 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
Node.js使用cookie保持登录的方法
May 11 Javascript
js实现图片上传并预览功能
Aug 06 Javascript
解决vue.js this.$router.push无效的问题
Sep 03 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
Mar 13 Javascript
Prototype使用指南之string.js
Jan 10 #Javascript
Prototype最新版(1.5 rc2)使用指南(1)
Jan 10 #Javascript
个人总结的一些关于String、Function、Array的属性和用法
Jan 10 #Javascript
[JS源码]超长文章自动分页(客户端版)
Jan 09 #Javascript
Javascript与vbscript数据共享
Jan 09 #Javascript
In Javascript Class, how to call the prototype method.(three method)
Jan 09 #Javascript
js技巧--转义符"\"的妙用
Jan 09 #Javascript
You might like
PHP输入输出流学习笔记
2015/05/12 PHP
10个新的最有前途的JavaScript框架
2009/03/12 Javascript
jQuery 处理表单元素的代码
2010/02/15 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
10分钟学会写Jquery插件实例教程
2014/09/06 Javascript
浅析jQuery EasyUI中的tree使用指南
2014/12/18 Javascript
jquery控制表单输入框显示默认值的方法
2015/05/22 Javascript
jquery小火箭返回顶部代码分享
2015/08/19 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
2016/02/16 Javascript
JavaScript数组的栈方法与队列方法详解
2016/05/26 Javascript
Angular2从搭建环境到开发步骤详解
2016/10/17 Javascript
JQuery EasyUI 结合ztrIee的后台页面开发实例
2017/09/01 jQuery
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
2019/12/30 Javascript
ElementUI中el-tree节点的操作的实现
2020/02/27 Javascript
Python写的服务监控程序实例
2015/01/31 Python
使用Python编写vim插件的简单示例
2015/04/17 Python
Python+Django搭建自己的blog网站
2018/03/13 Python
python2.7实现爬虫网页数据
2018/05/25 Python
PyQt5 closeEvent关闭事件退出提示框原理解析
2020/01/08 Python
Python虚拟环境的创建和包下载过程分析
2020/06/19 Python
关于Python3爬虫利器Appium的安装步骤
2020/07/29 Python
python判断变量是否为列表的方法
2020/09/17 Python
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
2017/07/11 HTML / CSS
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
文明礼仪小标兵事迹
2014/01/12 职场文书
新年主持词
2014/03/27 职场文书
煤矿安全知识竞赛活动总结
2014/07/07 职场文书
建筑施工安全责任书
2014/07/24 职场文书
入党介绍人考察意见
2015/06/01 职场文书
标枪加油稿
2015/07/22 职场文书
四群教育工作总结
2015/08/10 职场文书
2015小学新教师个人工作总结
2015/10/14 职场文书
django如何自定义manage.py管理命令
2021/04/27 Python
nginx配置之并发频次限制
2022/04/18 Servers