码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript表达式&运算符

时间:2016-05-13 00:17:24      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:

算术运算符

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

“+”运算符

  • 如果其中一个操作数是对象,则将对象转换成原始值(除日期对象外都优先使用valueOf()转换)。
  • 在进行了对象到原始值的转换后,如果其中一个操作数是字符串的话,另一个操作数也会转换为字符串,然后进行字符串连接。
  • 否则,两个操作数都将转换为数字(或者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)

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

  • 如果两个值类型不相同,则它们不相等。
  • 如果两个值为数字且数值相等,则它们相等。如果一个为0,另一个为-0,则他们同样相等。
  • 如果两个值为字符串,且所含的对应位上的16位数完全相等,则它们相等。
  • 如果两个值都是布尔值true或者false,则他们相等。
  • 如果两个值都是null或者都是undefined,则它们相等
  • 如果其中一个值是NaN,或者两个值都是NaN,则它们不相等
  • 如果两个引用值指向同一个对象、数组或函数,则它们是相等的。如果指向不同的对象,则它们是不等的,尽管两个对象具有完全一样的属性。

“==”(equality operator)

  • 如果两个操作数是相同类型,则按严格相等规则”===”进行比较。
  • 如果两个操作数是不同类型,则会发生以下类型转换:

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

"1" == true;    // true


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

  • 如果操作数为对象,那么对象会先转换成原始值。
  • 在对象转换成原始值后,如果两个操作数都是字符串,则按字符串进行比较。
  • 如果至少一个操作数不是字符串,则转换成数字进行比较。0和-0是相等的,如果其中一个操作数是NaN,那么比较操作符总是返回false。
"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,它不是有效值,不会显示在浏览器窗口中。

JavaScript表达式&运算符

标签:

原文地址:http://blog.csdn.net/byrantch/article/details/51346356

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!