饥人谷技术博客Javascript高级程序设计 读书笔记程序猿阵线联盟-汇总各类技术干货

Javascript 基本概念(操作符)

2018-01-30  本文已影响36人  Sue1024

操作符

一元操作符

只能操作一个值的操作符叫一元操作符

++ and --
var age = 18;
var now = ++age - 10; // now = 9, age = 19
var now = age++ - 10;  // now = 9, age = 20

前置递增、递减和后置递增、递减可用于操作整数、浮点数、布尔值、字符串、对象,ECMAScript会根据前面提到过的各种数据类型转化成数值类型的规则,先将值转化为数值,然后加减1

一元+ and -

+放在数值前面,不会有任何影响,-使负数变为正数,正数变为负数,当一元+用在非数值前面,会试图将它们转化为数值,规则同之前讲过的,而一元-用在非数值前面,会首先将它们转化为数值,再变成相应的负数。

位操作符

ECMAScript中的数值以IEEE-754 64 位格式存储,使用位操作符操作数值时,现将该数值转化为32位,然后进行计算,最后再转化成64位。
对于有符号的整数,第一位是符号位(0正数,1负数),后31位表示数值。

  1. 求这个数值绝对值的二进制,即00000000000000000000000000010010
  2. 求二进制的反码(0为1,1为0),即11111111111111111111111111101101
  3. 加一,即11111111111111111111111111101110

注意(-18).toString(2)的结果是-10010而不是11111111111111111111111111101110,默认情况下ECMAScript中的整数都是有符号的,存在无符号整数,无符号整数能表示的数值更大。
对非数值应用一下讲述的位操作,会首先进行Number()转化,位操作视NaN Infinity为0
所有的按位操作符的操作数都会被转成补码形式的有符号32位整数。

按位非 ~

求反码,本质是求操作数的负值减一。
为了方便验证,我们用五位表示

按位与 &

将两个数值按位对齐,如果同一位上均为1,则返回结果的这一位为1,否则为0。
比如:
45 & 67; //1
00000000000000000000000000101101
00000000000000000000000001000011
结果为:
00000000000000000000000000000001

按位或 |

将两个数值按位对齐,如果同一位均为0,则返回结果的这一位为0,否则为1。

45 | 67; //111
0000000000000000000000000101101
0000000000000000000000001000011
结果为:
00000000000000000000000001101111

按位异或 ^

将两个数值按位对齐,如果同一位数值不同,则返回结果的这一位为1,若相同,则为0。
45 ^ 67; //110
0000000000000000000000000101101
0000000000000000000000001000011
结果为:
00000000000000000000000001101110

左移 <<

向左移动一定位数,不改变符号位,空出来的位置补0(补0的个数与移动位数相同)
45 ^ 5; //1440
0000000000000000000000000101101
结果为:
00000000000000000000010110100000

右移 >>

45 >> 5; //1
0000000000000000000000000101101
结果为:
00000000000000000000000000000001
向右移动一定位数,不改变符号位,空出来的位置补0(补0的个数与移动位数相同)

无符号右移 >>>

向右移动一定位数,改变符号位,空出来的位置补0(补0的个数与移动位数相同)

布尔操作符

逻辑非 !

可以操作任何数据类型,首先对其取布尔值,然后取反

布尔值
空字符串、0、undefinednullNaN true
对象、非0、非空字符串 false

!!相当于Boolean可以返回这个值真正对应的布尔值。

逻辑与 &&

逻辑与有两个操作数,只有true && true才会返回true,可以操作任何数据类型。
如果有一个或两个操作数不是布尔值,逻辑与不一定返回布尔值,规则如下:

逻辑与是短路操作,如果第一个操作数可以决定求值结果,就不会对第二个操作数求值,当第一个操作数求值为false,则表达式结果为false

逻辑或 ||

逻辑或有两个操作数,只有false || false才会返回false,可以操作任何数据类型。
如果有一个或两个操作数不是布尔值,逻辑或不一定返回布尔值,规则如下:

逻辑或也是短路操作符,如果第一个求值结果为true,则返回true
我们可以利用逻辑或的这一行为来避免为变量赋null 或undefined 值。

var myObject = preferredObject || backupObject;

如果preferredObjectnull or undefined, 会将backupObject的值赋给myObject

乘性操作符

如果参加乘性操作的操作符不是数值,会调用Number()将其转为数值,这一过程在这一节中不再赘述。

乘法 *

乘法遵循以下规则:

除法 /

除法遵循以下规则:

求模 %

求模遵循以下规则:

5 / 0 % 5; // NaN
5 % 0; // NaN
5 / 0 % (5 / 0); // NaN
5 % (5 / 0); // 5
0 % 0; // NaN
0 % (5 / 0); //0
0 % 5; //0
0 % (5 % 0); //NaN

加性运算符

加法 +
  1. 如果两个操作数都是数值,则遵循以下规则:
  1. 如果有操作符是字符串,则遵循以下规则:

忽视加法操作中的数据类型是ECMAScript 编程中最常见的一个错误。再来看一个例子:
var num1 = 5;
var num2 = 10;
var message = "The sum of 5 and 10 is " + num1 + num2;
alert(message); // "The sum of 5 and 10 is 510"

减法 -

减法运算遵循以下规则:

关系操作符

包括< > <= >=,遵循如下规则:

  1. 如果字符串相等返回值0
  2. 如果第一个字符和参数的第一个字符不等,结束比较,返回他们之间的编码差值
  3. 如果第一个字符和参数的第一个字符相等,则以第二个字符和参数的第二个字符做比较,以此类推,直至比较的字符或被比较的字符有一方全比较完,这时就比较字符的长度。

举一些例子:

"23" < "3"; //true
"23" < 3; //false
"B" < "a"; //true,大写字母的字符编码全部小于小写字母的字符编码
"a" < 3; // false,"a"转化为NaN,NaN参与任何操作都返回NaN
"a" >= 3; //false

相等操作符

相等 == 和不相等 !=

先转换操作数,再比较相等性,转换的规则如下:

比较规则如下:

举一些例子:

undefined == 0; //false
null == 0; //false
NaN == NaN; //false
NaN != NaN; //false
true == 1; //true
false == 0; //true
"NaN" == NaN; // false

全等 === 和不全等 !==

不转换操作数,直接比较,比较规则除了第一条均相同

undefined === null ; // false

可以看出全等比相等要安全,不会强制转换。

条件运算符

variable = boolean_expression ? true_value : false_value;
boolean_expression 若为true,返回true_value,若为false,返回false_value

赋值操作符 =

将右边的值赋给左边

复合赋值操作符:
  1. *=
  2. +=
  3. -=
  4. /=
  5. %=
  6. <<=
  7. >>=
  8. >>>=
    num = num + 10;相当于num += 10;

逗号操作符

声明变量

var a, b, c;

赋值

`a = (0, 1, 2, 3); //3, 只最后一项有效

上一篇 下一篇

猜你喜欢

热点阅读