ECMAScript面向对象技术.docx
- 文档编号:3516030
- 上传时间:2022-11-23
- 格式:DOCX
- 页数:14
- 大小:25.65KB
ECMAScript面向对象技术.docx
《ECMAScript面向对象技术.docx》由会员分享,可在线阅读,更多相关《ECMAScript面向对象技术.docx(14页珍藏版)》请在冰豆网上搜索。
ECMAScript面向对象技术
1面向对象属性
面向对象术语
对象
ECMA-262把对象(object)定义为“属性的无序集合,每个属性存放一个原始值、对象或函数”。
严格来说,这意味着对象是无特定顺序的值的数组。
尽管ECMAScript如此定义对象,但它更通用的定义是基于代码的名词(人、地点或事物)的表示。
类
每个对象都由类定义,可以把类看做对象的配方。
类不仅要定义对象的接口(interface)(开发者访问的属性和方法),还要定义对象的内部工作(使属性和方法发挥作用的代码)。
编译器和解释程序都根据类的说明构建对象。
实例
程序使用类创建对象时,生成的对象叫作类的实例(instance)。
对类生成的对象的个数的唯一限制来自于运行代码的机器的物理内存。
每个实例的行为相同,但实例处理一组独立的数据。
由类创建对象实例的过程叫做实例化(instantiation)。
在前面的章节我们提到过,ECMAScript并没有正式的类。
相反,ECMA-262把对象定义描述为对象的配方。
这是ECMAScript逻辑上的一种折中方案,因为对象定义实际上是对象自身。
即使类并不真正存在,我们也把对象定义叫做类,因为大多数开发者对此术语更熟悉,而且从功能上说,两者是等价的。
面向对象语言的要求
一种面向对象语言需要向开发者提供四种基本能力:
1.封装-把相关的信息(无论数据或方法)存储在对象中的能力
2.聚集-把一个对象存储在另一个对象内的能力
3.继承-由另一个类(或多个类)得来类的属性和方法的能力
4.多态-编写能以多种方法运行的函数或方法的能力
ECMAScript支持这些要求,因此可被是看做面向对象的。
对象的构成
在ECMAScript中,对象由特性(attribute)构成,特性可以是原始值,也可以是引用值。
如果特性存放的是函数,它将被看作对象的方法(method),否则该特性被看作对象的属性(property)。
2条件运算符
条件运算符是ECMAScript中功能最多的运算符,它的形式与Java中的相同。
variable=boolean_expression?
true_value:
false_value;
该表达式主要是根据boolean_expression的计算结果有条件地为变量赋值。
如果Boolean_expression为true,就把true_value赋给变量;如果它是false,就把false_value赋给变量。
例如:
variMax=(iNum1>iNum2)?
iNum1:
iNum2;
在这里例子中,iMax将被赋予数字中的最大值。
表达式声明如果iNum1大于iNum2,则把iNum1赋予iMax。
但如果表达式为false(即iNum2大于或等于iNum1),则把iNum2赋予iMax。
3位运算符
位运算符是在数字底层(即表示数字的32个数位)进行操作的。
ECMAScript整数有两种类型,即有符号整数(允许用正数和负数)和无符号整数(只允许用正数)。
在ECMAScript中,所有整数字面量默认都是有符号整数,这意味着什么呢?
有符号整数使用31位表示整数的数值,用第32位表示整数的符号,0表示正数,1表示负数。
数值范围从-2147483648到2147483647。
可以以两种不同的方式存储二进制形式的有符号整数,一种用于存储正数,一种用于存储负数。
正数是以真二进制形式存储的,前31位中的每一位都表示2的幂,从第1位(位0)开始,表示20,第2位(位1)表示21。
没用到的位用0填充,即忽略不计。
例如,下图展示的是数18的表示法。
18的二进制版本只用了前5位,它们是这个数字的有效位。
把数字转换成二进制字符串,就能看到有效位:
variNum=18;
alert(iNum.toString
(2));//输出"10010"
这段代码只输出"10010",而不是18的32位表示。
其他的数位并不重要,因为仅使用前5位即可确定这个十进制数值。
如下图所示:
负数也存储为二进制代码,不过采用的形式是二进制补码。
计算数字二进制补码的步骤有三步:
1.确定该数字的非负版本的二进制表示(例如,要计算-18的二进制补码,首先要确定18的二进制表示)
2.求得二进制反码,即要把0替换为1,把1替换为0
3.在二进制反码上加1
要确定-18的二进制表示,首先必须得到18的二进制表示,如下所示:
00000000000000000000000000010010
接下来,计算二进制反码,如下所示:
11111111111111111111111111101101
最后,在二进制反码上加1,如下所示:
11111111111111111111111111101101
1
---------------------------------------
11111111111111111111111111101110
因此,-18的二进制表示即11111111111111111111111111101110。
记住,在处理有符号整数时,开发者不能访问31位。
有趣的是,把负整数转换成二进制字符串后,ECMAScript并不以二进制补码的形式显示,而是用数字绝对值的标准二进制代码前面加负号的形式输出。
例如:
variNum=-18;
alert(iNum.toString
(2));//输出"-10010"
这段代码输出的是"-10010",而非二进制补码,这是为避免访问位31。
为了简便,ECMAScript用一种简单的方式处理整数,使得开发者不必关心它们的用法。
另一方面,无符号整数把最后一位作为另一个数位处理。
在这种模式中,第32位不表示数字的符号,而是值231。
由于这个额外的位,无符号整数的数值范围为0到4294967295。
对于小于2147483647的整数来说,无符号整数看来与有符号整数一样,而大于2147483647的整数则要使用位31(在有符号整数中,这一位总是0)。
把无符号整数转换成字符串后,只返回它们的有效位。
注意:
所有整数字面量都默认存储为有符号整数。
只有ECMAScript的位运算符才能创建无符号整数。
位运算NOT
位运算NOT由否定号(~)表示,它是ECMAScript中为数不多的与二进制算术有关的运算符之一。
位运算NOT是三步的处理过程:
1.把运算数转换成32位数字
2.把二进制数转换成它的二进制反码
3.把二进制数转换成浮点数
例如:
variNum1=25;//25等于00000000000000000000000000011001
variNum2=~iNum1;//转换为111111*********11111111111100110
alert(iNum2);//输出"-26"
位运算NOT实质上是对数字求负,然后减1,因此25变-26。
用下面的方法也可以得到同样的方法:
variNum1=25;
variNum2=-iNum1-1;
alert(iNum2);//输出-26
位运算AND
位运算AND由和号(&)表示,直接对数字的二进制形式进行运算。
它把每个数字中的数位对齐,然后用下面的规则对同一位置上的两个数位进行AND运算:
第一个数字中的数位
第二个数字中的数位
结果
1
1
1
1
0
0
0
1
0
0
0
0
例如,要对数字25和3进行AND运算,代码如下所示:
variResult=25&3;
alert(iResult);//输出"1"
25和3进行AND运算的结果是1。
为什么?
分析如下:
25=00000000000000000000000000011001
3=00000000000000000000000000000011
---------------------------------------------
AND=00000000000000000000000000000001
可以看出,在25和3中,只有一个数位(位0)存放的都是1,因此,其他数位生成的都是0,所以结果为1。
位运算OR
位运算OR由符号(|)表示,也是直接对数字的二进制形式进行运算。
在计算每位时,OR运算符采用下列规则:
第一个数字中的数位
第二个数字中的数位
结果
1
1
1
1
0
1
0
1
1
0
0
0
仍然使用AND运算符所用的例子,对25和3进行OR运算,代码如下:
variResult=25|3;
alert(iResult);//输出"27"
25和3进行OR运算的结果是27:
25=00000000000000000000000000011001
3=00000000000000000000000000000011
--------------------------------------------
OR=00000000000000000000000000011011
可以看出,在两个数字中,共有4个数位存放的是1,这些数位被传递给结果。
二进制代码11011等于27。
位运算XOR
位运算XOR由符号(^)表示,当然,也是直接对二进制形式进行运算。
XOR不同于OR,当只有一个数位存放的是1时,它才返回1。
真值表如下:
第一个数字中的数位
第二个数字中的数位
结果
1
1
0
1
0
1
0
1
1
0
0
0
对25和3进行XOR运算,代码如下:
variResult=25^3;
alert(iResult);//输出"26"
25和3进行XOR运算的结果是26:
25=00000000000000000000000000011001
3=00000000000000000000000000000011
---------------------------------------------
XOR=00000000000000000000000000011010
可以看出,在两个数字中,共有4个数位存放的是1,这些数位被传递给结果。
二进制代码11010等于26。
左移运算
左移运算由两个小于号表示(<<)。
它把数字中的所有数位向左移动指定的数量。
例如,把数字2(等于二进制中的10)左移5位,结果为64(等于二进制中的1000000):
variOld=2;//等于二进制10
variNew=iOld<<5;//等于二进制1000000十进制64
注意:
在左移数位时,数字右边多出5个空位。
左移运算用0填充这些空位,使结果成为完整的32位数字。
注意:
左移运算保留数字的符号位。
例如,如果把-2左移5位,得到的是-64,而不是64。
“符号仍然存储在第32位中吗?
”是的,不过这在ECMAScript后台进行,开发者不能直接访问第32个数位。
即使输出二进制字符串形式的负数,显示的也是负号形式(例如,-2将显示-10。
)
有符号右移运算
有符号右移运算符由两个大于号表示(>>)。
它把32位数字中的所有数位整体右移,同时保留该数的符号(正号或负号)。
有符号右移运算符恰好与左移运算相反。
例如,把64右移5位,将变为2:
variOld=64;//等于二进制1000000
variNew=iOld>>5;//等于二进制10十进制2
同样,移动数位后会造成空位。
这次,空位位于数字的左侧,但位于符号位之后。
ECMAScript用符号位的值填充这些空位,创建完整的数字,如下图所示:
无符号右移运算
无符号右移运算符由三个大于号(>>>)表示,它将无符号32位数的所有数位整体右移。
对于正数,无符号右移运算的结果与有符号右移运算一样。
用有符号右移运算中的例子,把64右移5位,将变为2:
variOld=64;//等于二进制1000000
variNew=iOld>>>5;//等于二进制10十进制2
对于负数,情况就不同了。
无符号右移运算用0填充所有空位。
对于正数,这与有符号右移运算的操作一样,而负数则被作为正数来处理。
由于无符号右移运算的结果是一个32位的正数,所以负数的无符号右移运算得到的总是一个非常大的数字。
例如,如果把-64右移5位,将得到134217726。
如果得到这种结果的呢?
要实现这一点,需要把这个数字转换成无符号的等价形式(尽管该数字本身还是有符号的),可以通过以下代码获得这种形式:
variUnsigned64=-64>>>0;
然后,用Number类型的toString()获取它的真正的位表示,采用的基为2:
alert(iUnsigned64.toString
(2));
这将生成111111*********11111111111000000,即有符号整数-64的二进制补码表示,不过它等于无符号整数4294967232。
4修改对象
通过已有的方法创建新方法
可以用prototype属性为任何已有的类定义新方法,就像处理自己的类一样。
例如,还记得Number类的toString()方法吗?
如果给它传递参数16,它将输出十六进制的字符串。
如果这个方法的参数是2,那么它将输出二进制的字符串。
我们可以创建一个方法,可以把数字对象直接转换为十六进制字符串。
创建这个方法非常简单:
Number.prototype.toHexString=function(){
returnthis.toString(16);
};
在此环境中,关键字this指向Number的实例,因此可完全访问Number的所有方法。
有了这段代码,可实现下面的操作:
variNum=15;
alert(iNum.toHexString());//输出"F"
由于数字15等于十六进制中的F,因此警告将显示"F"。
重命名已有方法
我们还可以为已有的方法命名更易懂的名称。
例如,可以给Array类添加两个方法enqueue()和dequeue(),只让它们反复调用已有的push()和shift()方法即可:
Array.prototype.enqueue=function(vItem){
this.push(vItem);
};
Array.prototype.dequeue=function(){
returnthis.shift();
};
添加与已有方法无关的方法
当然,还可以添加与已有方法无关的方法。
例如,假设要判断某个项在数组中的位置,没有本地方法可以做这种事情。
我们可以轻松地创建下面的方法:
Array.prototype.indexOf=function(vItem){
for(vari=0;i if(vItem==this[i]){ returni; } } return-1; } 该方法indexOf()与String类的同名方法保持一致,在数组中检索每个项,直到发现与传进来的项相同的项目为止。 如果找到相同的项,则返回该项的位置,否则,返回-1。 有了这种定义,我们可以编写下面的代码: varaColors=newArray("red","green","blue"); alert(aColors.indexOf("green"));//输出"1" 为本地对象添加新方法 最后,如果想给ECMAScript中每个本地对象添加新方法,必须在Object对象的prototype属性上定义它。 前面的章节我们讲过,所有本地对象都继承了Object对象,所以对Object对象做任何改变,都会反应在所有本地对象上。 例如,如果想添加一个用警告输出对象的当前值的方法,可以采用下面的代码: Object.prototype.showValue=function(){ alert(this.valueOf()); }; varstr="hello"; variNum=25; str.showValue();//输出"hello" iNum.showValue();//输出"25" 这里,String和Number对象都从Object对象继承了showValue()方法,分别在它们的对象上调用该方法,将显示"hello"和"25"。 重定义已有方法 就像能给已有的类定义新方法一样,也可重定义已有的方法。 如前面的章节所述,函数名只是指向函数的指针,因此可以轻松地指向其他函数。 如果修改了本地方法,如toString(),会出现什么情况呢? Function.prototype.toString=function(){ return"Functioncodehidden"; } 前面的代码完全合法,运行结果完全符合预期: functionsayHi(){ alert("hi"); } alert(sayHi.toString());//输出"Functioncodehidden" 也许你还记得,Function对象这一章中介绍过Function的toString()方法通常输出的是函数的源代码。 覆盖该方法,可以返回另一个字符串(在这个例子中,可以返回"Functioncodehidden")。 不过,toString()指向的原始函数怎么了呢? 它将被无用存储单元回收程序回收,因为它被完全废弃了。 没有能够恢复原始函数的方法,所以在覆盖原始方法前,比较安全的做法是存储它的指针,以便以后的使用。 有时你甚至可能在新方法中调用原始方法: Function.prototype.originalToString=Function.prototype.toString; Function.prototype.toString=function(){ if(this.originalToString().length>100){ return"Functiontoolongtodisplay."; }else{ returnthis.originalToString(); } }; 在这段代码中,第一行代码把对当前toString()方法的引用保存在属性originalToString中。 然后用定制的方法覆盖了toString()方法。 新方法将检查该函数源代码的长度是否大于100。 如果是,就返回错误信息,说明该函数代码太长,否则调用originalToString()方法,返回函数的源代码。 极晚绑定(VeryLateBinding) 从技术上讲,根本不存在极晚绑定。 本书采用该术语描述ECMAScript中的一种现象,即能够在对象实例化后再定义它的方法。 例如: varo=newObject(); Object.prototype.sayHi=function(){ alert("hi"); }; o.sayHi(); 在大多数程序设计语言中,必须在实例化对象之前定义对象的方法。 这里,方法sayHi()是在创建Object类的一个实例之后来添加进来的。 在传统语言中不仅没听说过这种操作,也没听说过该方法还会自动赋予Object对象的实例并能立即使用(接下来的一行)。 5一元运算符 一元运算符只有一个参数,即要操作的对象或值。 它们是ECMAScript中最简单的运算符。 delete delete运算符删除对以前定义的对象属性或方法的引用。 例如: varo=newObject; o.name="David"; alert(o.name);//输出"David" deleteo.name; alert(o.name);//输出"undefined" 在这个例子中,删除了name属性,意味着强制解除对它的引用,将其设置为undefined(即创建的未初始化的变量的值)。 delete运算符不能删除开发者未定义的属性和方法。 例如,下面的代码将引发错误: deleteo.toString; 即使toString是有效的方法名,这行代码也会引发错误,因为toString()方法是原始的ECMAScript方法,不是开发者定义的。 void void运算符对任何值返回undefined。 该运算符通常用于避免输出不应该输出的值,例如,从HTML的元素调用JavaScript函数时。 要正确做到这一点,函数不能返回有效值,否则浏览器将清空页面,只显示函数的结果。 例如: window.open('about: blank')">Clickme 如果把这行代码放入HTML页面,点击其中的链接,即可看到屏幕上显示"[object]"。 这是因为window.open()方法返回了新打开的窗口的引用。 然后该对象将被转换成要显示的字符串。 要避免这种效果,可以用void运算符调用window.open()函数: void(window.open('about: blank'))">Clickme 这使window.open()调用返回undefined,它不是有效值,不会显示在浏览器窗口中。 提示: 请记住,没有返回值的函数真正返回的都是undefined。 前增量/前减量运算符 直接从C(和Java)借用的两个运算符是前增量运算符和前减量运算符。 所谓前增量运算符,就是数值上加1,形式是在变量前放两个加号(++): variNum=10; ++iNum; 第二行代码把iNum增加到了11,它实质上等价于: variNum=10; iNum=iNum+1; 同样,前减量运算符是从数值上减1,形式是在变量前放两个减号(--): variNum=10; --iNum; 在这个例子中,第二行代码把iNum的值减到9。 在使用前缀式运算符时,注意增量和减量运算符都发生在计算表达式之前。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ECMAScript 面向 对象 技术
![提示](https://static.bdocx.com/images/bang_tan.gif)