当前位置：编程学习 > JS >>

JavaScript高级程序设计（第3版）学习笔记4 js运算符和操作符

答案：在ECMAScript中，有非常丰富的运算符和操作符，在这篇文章中将按通常的分类来稍微整理一下，不过在整理之前，先说明一下： 

1、虽然标题是运算符和操作符，然而在我看来并没有多少严格区分的必要，在英文中，貌似也是用一个Operator来表示，所以在下文中我可能会混用。甚至，一些不属于运算符和操作符范畴的，我也整理在这里，只要我觉得必要。


2、对于运算符的优先级，你无需一一牢记——我相信你知道最简单的”先乘除，后加减”，至于其它的，如果你不确定，加上括号好了。在ECMAScript中，优先级相同的从左向右运算。


3、对于一些编程语言通用的运算符，比如常用算术运算符（+-*/），我只会简单的列举一下，不会展开，但是请注意，并不是说这些不重要，相反，这些通用运算符甚至处于一个非常基础的地位，只是我觉得你应该早已经熟悉，没必要在这里花时间强调。


4、那么，这里重点关注什么呢？就是一些在ECMAScript中比较特殊的操作符，或者我认为值得花时间强调的一些地方。


运算符与操作符






类别
操作符
 描述
说明



一元操作符
++
 自增1


1、自增（减）有前置和后置两种类型，前置先自增（减）再参与其它运算，后置先参与其它运算再自增（减）。


2、在ES中，自增（减）不仅适用于整数，它们可以作用于任意值，对于不是Number类型的值，会先按前一篇文章中的规则隐式转换为Number，然后再自增（减），此时变量类型也会变成Number类型。



--
 自减1



+
 一元加
一元加最主要的应用就是将操作数转变为Number类型，相当于调用Number()转换。 



-
 一元减
一元减则是在一元加的基础之上再取其相反数。



算术操作符
+
 加


1、除了加（+）之外，如果操作数不是Number类型，会自动调用Number()转换为Number类型再进行计算。


2、对于加减（+-），除了作为算术运算符。还可以作为一元操作符（见上）。当然，由于字符串操作中对加号（+）的重载，还可以用于将任意数值（的字符串）相连，这也是第1点中为什么要除了加（+），它在含有非Number类型值时，会将所有操作数转换为字符串相连接。


3、与一般类C语言不同，在ES中，除（/）和取模（%）并不会区分整数和浮点数，比如 5 / 2 = 2.5 而不是2，5.3 % 3 = 2.3 而不是2。


4、任意运算，只要操作数含NaN，结果就是NaN。但并不是结果为NaN就一定有一个操作数为NaN，比如0/0也返回NaN。


5、对于含无穷Infinity的运算，规定比较多，这里就不列举了，可以参考原书，或者自行测试。



-
 减



*
 乘



/
 除



%
 取模



逻辑操作符 

（布尔操作符）

!
 逻辑非


首先将操作数转换为Boolean类型值，然后再取反。可以使用双重非!!将一个数值转换为相应的Boolean值。 



&&
 逻辑与


1、当两个操作数相应的Boolean值均为true时，返回true


2、短路：当第一个操作数相应的Boolean值为false时，会直接返回false，不会再计算第二个操作数。这常常被应用在判断一个变量（属性）是否有定义，如：
if(object && object.name && object.name = 'linjisong'){ }
 这里会首先判断object存在，不存在的话就不会解析object.name从而阻止错误的发生，同样，也只有object.name存在，才会去比较这个值。



||
 逻辑或


1、当两个操作数相应的Boolean值至少有一个为true时，返回true


2、短路：当第一个操作数相应的Boolean值为true时，会直接返回true，不会再计算第二个操作数。


3、逻辑或，除了用于一般的判断之外，还常常被应用在提供默认值的情况，如：
function Fn(obj){
　　 obj = obj || {};
} 

这里如果调用Fn未传入obj，则会自动给obj赋值为undefined，然后因为undefined的相应Boolean值为false，所以会将一个空对象{}赋值给obj，如果调用传入了obj，则因为任意对象的Boolean值为true，所以就不会取后面的{}，从而达到给obj一个默认值{}的效果。


这种方式还被应用在大型JS库的多个相对独立的文件中:
//jsLib
var jsLib;
//file1
(function (jsLib){
　　 jsLib = jsLib || {};
})(jsLib);


//file2
(function (jsLib){
　　 jsLib = jsLib || {}; 
})(jsLib);



使用这种方式，无论先加载哪个文件，都会判断jsLib是否已经定义，如果未定义就提供一个默认值，这样做可以使得相对独立模块可以不用考虑加载顺序。





关系操作符


（比较操作符）

<
 小于


1、只要有一个操作数是Number类型或Boolean类型值，就将两个操作数转换成Number类型值（如果需要转换）执行数值比较。


2、字符串比较，会逐个比较字符编码值。


3、操作符是对象时，调用valueOf()（如果没有，就调用toString()），再将结果按上面规则比较。


4、任意数和NaN比较返回false。



<=
 小于或等于



>
 大于



>=
 大于或等于



==
 相等


1、相等和不等（==、!=）在比较时，只要有必要，就会隐式类型转换。


2、全等和不全等（===、!==）在比较时，不会转换类型，如果类型不一致，直接为!==。


3、结合1、2，可以知道，a===b则一定有a==b，而a!=b则一定有a!==b。



!=
 不等
上一个：js事件(Event)知识整理
下一个：分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
更多图片编程知识:

  
更多JS疑问解答：
几个验证11位手机号码格式的js代码
js如何获得FCKeditor控件的值
用js限制投票的cookie .目前设置的为：<input type="" class="" onclick="'window.location...
JS验证，这块“牛皮”反复修改都不能实现
在JS中使用DOM模型
如何用JS 获取本地文件夹的文件列表
js中new 了两个Object数组。怎么样将数组内容合并，重复的内容？
求实现自动生成图片缩略图的JS代码
JS脚本网页问题
js，代码中"object"和"Object"区别？
js+flash实现网页图片切换效果，出现边框，单击激活此控件。
JS怎样操作PHP中的参数
js 怎么在一打开页面就加载这个函数。
Date.parse()的问题(js)
<script src="/{maxcms:sitepath}js/common.js"></script>是什么意思







  





CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络，