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 相关文章推荐
慎用 somefunction.prototype 分析
Jun 02 Javascript
jQuery 处理表单元素的代码
Feb 15 Javascript
浅谈Javascript事件模拟
Jun 27 Javascript
在JavaScript的正则表达式中使用exec()方法
Jun 16 Javascript
jQuery动态背景图片效果实现方法
Jul 03 Javascript
js判断日期时间有效性的方法
Oct 24 Javascript
jQuery实现点击水纹波动动画
Apr 10 Javascript
快速使用Bootstrap搭建传送带
May 06 Javascript
webpack踩坑之路图片的路径与打包
Sep 05 Javascript
VUE+node(express)实现前后端分离
Oct 13 Javascript
jQuery实时统计输入框字数及限制
Jun 24 jQuery
H5+css3+js搭建带验证码的登录页面
Oct 11 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提取中英文词语以及数字的首字母的方法介绍
2013/04/23 PHP
学习php设计模式 php实现策略模式(strategy)
2015/12/07 PHP
使用新的消息弹出框blackbirdjs
2008/10/16 Javascript
js判断是否为数组的函数: isArray()
2011/10/30 Javascript
js Dialog 实践分享
2012/10/22 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
JavaScript中的substr()方法使用详解
2015/06/06 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
2015/07/02 Javascript
JS实现六边形3D拖拽翻转效果的方法
2016/09/11 Javascript
JS实现针对给定时间的倒计时功能示例
2017/04/11 Javascript
巧用weui.topTips验证数据的实例
2017/04/17 Javascript
用户管理的设计_jquery的ajax实现二级联动效果
2017/07/13 jQuery
js实现点击按钮复制文本功能
2020/07/20 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
JS实现处理时间,年月日,星期的公共方法示例
2019/05/31 Javascript
layui动态渲染生成select的option值方法
2019/09/23 Javascript
详解JavaScript的this指向和绑定
2020/09/08 Javascript
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
[02:41]2015国际邀请赛中国区预选赛观战指南
2015/05/20 DOTA
Python编程中装饰器的使用示例解析
2016/06/20 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
python实现简易动态时钟
2018/11/19 Python
浅谈Python中文件夹和python package包的区别
2020/06/01 Python
英国最出名高街品牌:Forever Unique
2018/02/24 全球购物
Lululemon英国官网:加拿大瑜伽服装品牌
2019/01/14 全球购物
META-INF文件夹中的MANIFEST.MF的作用
2016/06/21 面试题
小学生期末评语
2014/04/21 职场文书
财务部绩效考核方案
2014/05/04 职场文书
询价采购方案
2014/06/09 职场文书
图书室标语
2014/06/21 职场文书
奥巴马上海演讲稿
2014/09/10 职场文书
个人委托书范本
2014/09/13 职场文书
期中考试复习计划
2015/01/19 职场文书
物业工程部经理岗位职责
2015/04/09 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书