程序员

JavaScript运算符

2016-05-15  本文已影响50人  kissLife

算术运算符

如果操作数(或者转换结果)是NaN值,算术运算的结果也是NaN。
除数为0的运算结果为正无穷大或负无穷大,而0/0的结果是NaN,所有这些运算均不会报错。

"+"运算符

1 + 2           // 3
"1" + 2         // "12",数字转换为字符串
1 + {}          // "1[object Object]",对象转换成字符串后进行连接

true + true     // 2,布尔转换为数字

2 + null        // 2,null转换为0
2 + undefined   // NaN,undefined转换为NaN后做加法

运算结果同步依赖于运算符的运算顺序,比如:

1 + 2 + "blind mice";   // "3 blind mice"
1 + (2 + "blind mice"); // "12 blind mice"

"++"运算符

表达式++x并不总和x=x+1完全一样。
如果x是字符串"1",++x的结果就是数字2,而x+1是字符串"11"。

关系运算符

"==="(strict equality)

严格相等运算符,比较过程没有任何类型转换,其比较过程如下:

"=="(equality operator)

如果一个值是null,另一个是undeined,则它们相等
如果一个值是数字,另一个是字符串,则String --> Number转换后进行值比较。
如果一个值是布尔类型,则true --> 1, false --> 0转换后进行值比较。

"1" == true;    // true

比较运算符(<, >, <=, >=)

"11" < "3"  // true,字符串比较
"11" < 3    // false,"11"转换为11
"one" < 3   // false,"one"转换为NaN

in运算符

in运算符希望它的左操作数是一个字符串或者可以转换为字符串,右操作数是一个对象。
如果右侧的对象拥有一个名为左操作数值的属性名,那么表达式返回true。

var point = { x:1, y:1 };
"x" in point;               // true,对象有一个名为"x"的属性
"z" in point;               // false,对象不存在名为"z"的属性
"toString" in point;        // true,对象包含toString()方法

var data = [7, 8, 9];
"0" in data;                // true,数组包含元素"0"
1 in data;                  // true,数字转换为字符串
3 in data;                  // false,没有索引为3的元素

instanceof运算符

为了计算表达式"o instanceof f",JavaScript首先计算f.prototype,然后在原型链(prototype chain)中查找o,如果找到,那么o是f(或者f的父类)的一个实例,表达式返回true。

逻辑表达式

逻辑或(||)

这个运算符常用于从一组备选表达式中选出第一个真值表达式:

// 如果max_width已经定义了,则直接使用它
// 否则在preferences对象中查找max_width
// 如果对象中也找不到,则使用一个常量
var max = max_width || preferences.max_width || 500;

其他运算符

delete运算符

delete是一元运算符,用于删除对象属性或数组元素(但不一定释放内存),原始的值将变为undefined。

var o = { x:1, y:2 };
delete o.x;
"x" in o;               // false,属性已经被删除

var a = [1,2,3];
delete a[2];
2 in a;                 // false,数组元素2已经被删除
a.length;               // 3,注意:数组的长度没有改变!!!

void运算符

该运算符通常用于避免输出不应该输出的值,例如,从HTML 的<a>元素调用JavaScript函数时。要正确做到这一点,函数不能返回有效值,否则浏览器将清空页面,只显示函数的结果。例如:

<a href="javascript:window.open('about:blank')">Click me</a>

如果把这行代码放入HTML页面,点击其中的链接,即可看到屏幕上显示"[object]"。
这是因为window.open()方法返回了新打开的窗口的引用。然后该对象将被转换成要显示的字符串。
要避免这种效果,可以用void运算符调用window.open()函数:

<a href="javascript:void(window.open('about:blank'))">Click me</a>

这使window.open()调用返回undefined,它不是有效值,不会显示在浏览器窗口中。

上一篇下一篇

猜你喜欢

热点阅读