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 相关文章推荐
onpropertypchange
Jul 01 Javascript
IE 下的只读 innerHTML
Aug 21 Javascript
基于jquery的返回顶部效果(兼容IE6)
Jan 17 Javascript
使用js判断TextBox控件值改变然后出发事件
Mar 07 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
Oct 11 Javascript
javascript转换日期字符串为Date日期对象的方法
Feb 13 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
Feb 17 Javascript
jQuery AJAX timeout 超时问题详解
Jun 21 Javascript
Angular组件化管理实现方法分析
Mar 17 Javascript
在vue中使用Autoprefixed的方法
Jul 27 Javascript
vue单页应用的内存泄露定位和修复问题小结
Aug 02 Javascript
你准备好迎接vue3.0了吗
Apr 28 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开发模式(简写版)
2007/03/15 PHP
PHP编程中字符串处理的5个技巧小结
2007/11/13 PHP
php使用ereg验证文件上传的方法
2014/12/16 PHP
64位windows系统下安装Memcache缓存
2015/12/06 PHP
PHP实现根据时间戳获取周几的方法
2016/02/26 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
PHP实现的ID混淆算法类与用法示例
2018/08/10 PHP
PHP实现与java 通信的插件使用教程
2019/08/11 PHP
JS+css 图片自动缩放自适应大小
2013/08/08 Javascript
Jquery中Event对象属性小结
2015/02/27 Javascript
jQuery实现图片轮播特效代码分享
2015/09/15 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
2017/02/18 Javascript
node.js学习之断言assert的使用示例
2017/09/28 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
2018/08/19 Javascript
微信小程序之裁剪图片成圆形的实现代码
2018/10/11 Javascript
如何提升vue.js中大型数据的性能
2019/06/21 Javascript
JS实现的tab切换并显示相应内容模块功能示例
2019/08/03 Javascript
JS实现移动端在线签协议功能
2019/08/22 Javascript
[00:32]2018DOTA2亚洲邀请赛Mineski出场
2018/04/04 DOTA
使用Python中PDB模块中的命令来调试Python代码的教程
2015/03/30 Python
为Python的Tornado框架配置使用Jinja2模板引擎的方法
2016/06/30 Python
解决Django的request.POST获取不到内容的问题
2018/05/28 Python
Python3匿名函数用法示例
2018/07/25 Python
Python中垃圾回收和del语句详解
2018/11/15 Python
python redis 删除key脚本的实例
2019/02/19 Python
浅析Django中关于session的使用
2019/12/30 Python
pytorch::Dataloader中的迭代器和生成器应用详解
2020/01/03 Python
数据库基础的一些面试题
2012/02/25 面试题
MYSQL基础面试题
2012/05/13 面试题
外语学院毕业生的自我鉴定
2013/11/28 职场文书
公司总经理工作职责管理办法
2014/02/28 职场文书
学生会竞选演讲稿怎么写
2014/08/26 职场文书
解决pytorch 损失函数中输入输出不匹配的问题
2021/06/05 Python
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫