首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript基础概念

操作符

一. 一元操作符

只能操作一个值的操作符叫做一元操作符。一元操作符是ECMAScript中最简单的操作符。

(1)递增和递减操作符

递增和递减操作符有前置型和后置型两个版本。前置型位于要操作的变量之前,后置型位于要操作的变量之后。因此在使用前置递增操作符给一个数字加1时,要把两个加号(++)放在这个数值变量前面,如下所示:

var age = 29;

++age;

执行前置递减的操作方法也类似

执行前置递增和递减操作时,变量的值都是在语句被求值以前改变的。

后置型递增和递减操作符的语法不便(任然分别是++和--),只不过放在变量的后面,递增和递减操作是在包含他们的语句被求值之后才执行的。

递增和递减操作符遵循下列规则:

在应用于一个包含有效数字字符的字符串时,先将其转换为数字值,再执行加减1的操作。字符串变量变成数值变量。

在应用于一个不包含有效数字字符的字符串时,将变量的值设置为NaN。字符串变量变成数值变量

在应用于布尔值false时,先将其转换为0再执行加减1的操作。布尔值变量变成数值变量。

在应用于布尔值true时,先将其转换为1再执行加减1的操作。布尔值变量变成数值变量。

在应用于浮点数值是,执行加减1的操作。

在应用于对象时,先调用对象的valueOf()以取得一个可提供操作的值。然后对该值应用前述规则。如果结果是NaN,则在调用toString()方法后再应用前述规则。对象变量变成数值变量。

以下展示上面的一些规则:

var s1="2";

var s2= "z"

var b= false;

var f=1.1;

var o={

valueOf:function(){

return -1;

}

};

s1++; //值变成数值3

s2++; //值变成NaN

b++; //值变成数值1

o--; //值变成数值-2

(2)一元加和减操作符

一元家和减操作符主要用于基本的算术运算,也可以像前面实例所展示的一样用于转换数据类型。

二. 位操作符

位操作符用于最基本的层次上,即按内存中数值的位来操作数值。ECMAScript中的所有数值都以 IEE-75464位格式存储,但位操作符并不直接操作64位的值。而是先将64位的值转换成32位的整数,然后执行操作,最后再将结果转回64位。对于开发人员来说,由于64位存储格式是透明的,因此整个过程就像是只存在32位的整数一样。

对于有符号的整数,32为中的前31位用于表示整数的值。第32位用于表示数值的符号:0表示整数,1表示负数。这个表示符号的位叫做符号位,符号位的值决定了其他位数值的格式。其中,整数以纯二进制格式存储,31位中的每一位都表示2的幂。第一位(叫做位0)表示2º,第二位表示2¹,以此类推。没有用到的位以0填充,即忽略不计。

负数同样以二进制存储,但是用的格式是二进制补码。计算一个数值的二进制补码,需要经过以下3个步骤:

求这个数值绝对值的二进制码;

求二进制反码,即将0替换为1,将1替换为0;

得到的二进制反码加1

注意:在处理有符号整数时,是不能访问位31的。ECMAScript会尽力向我们隐藏所有这些信息。也就是说在二进制字符串形式输出一个负数时,我们看到的只是这个附属绝对值的二进制码前面加上了一个负号。

如果对非数值应用位操作符,会先使用Number()函数将该值转换为一个数值(自动完成),然后在应用位操作符。得到的结果将是一个数值。

1.按位非(NOT)

按位非操作符由一个波浪线(~)表示,执行按位非的结果就是返回数值的反码。按位非是ECMAScript操作符中少数几个与二进制计算有关的操作符之一。下面看一个例子:

var num1 = 25; //二进制00000000000000000000000000011001

var num2 = ~num1;//二进制11111111111111111111111111100110

alert (num2); //-26

对25执行按位非操作,结果得到了-2。这也验证了按位非操作的本质:操作数的负值减1.因此,下面的代码也能得到相同的结果:

var num1 = 25;

var num2 = -num-1;

alert(num2); //"-26"

虽然以上代码也能返回同样的结果,但由于按位非是在数值表示的最底层执行操作,因此速度更快。

2.按位与(AND)

按位与操作符由一个和号字符(&)表示,它有两个操作符数。从本质上讲,按位与操作就是将两个数值的每一位对齐,然后根据下表中的规则,对相同位置上的两个数执行AND操作:

简而言之,按位与操作符只在两个数值的对应位都是1时才返回1,任何一位是0,结果都返回0。举个例子,25和3执行按位与操作:

25和3执行按位与操作二进制对应位上只有一位同时是1,其他位都是0,因此最终结果等于1.

3.按位或(OR)

安慰或操作符由一个竖线符号(|)表示,同样也有两个操作数。安慰或操作遵循羡慕这个真值表。

按位或操作在有一个位是1的情况下就返回1,而只有在两个位都是0的情况下才返回0。对25和3执行按位或操作,则代码如下所示:

var result = 25^3;

alert(result); //26

25 = 0000 0000 0000 0000 0000 0000 0001 1001

3 = 0000 0000 0000 0000 0000 0000 0000 0011

OR = 0000 0000 0000 0000 0000 0000 0001 1010

两个数值都包含4个1,因此把直接把4个1都放到结果中。二进制码11011等于27。

4.按位异或(XOR)

按位异或操作符由一个插入符号(^)表示,也有两个操作数。按位异或的真值表为:

这个操作在两个数值对应位上有且仅有一个1时才返回1,如果同为1或0,则返回0.

对25和3执行按位异或操作的代码如下所示:

这两个数字都包含4个1,但第一位上则都是1,因此结果的第一位变成了0。而其他位上的1在另一个数值中都没有对应的1,可以直接放到结果中。二进制码11010等于十进制值26。

5.左移

左移操作符由两个小于号(

var oldvalue=2; //等于二进制的10

var nwevalue=64; //等于二进制的1000000,十进制的64

注意:在向左移位后,原数值的右侧多出了5个空位。座椅操作会以0来填充这些空位,一边得到的结果是一个完整的32位二进制数。

左移不会影响操作符的符号位。换句话说们如果将 - 2 向左移5位,结果将是 - 64,而非64。

6.有符号的右移

没有符号的右移操作符由两个大于号(>>)l来表示,这个操作符会将数值向右移动,但保留符号位(即正负号标记)。有符号的右移操作与左移操作恰好相反,即如果将64向右移动5位,结果将变回2:

var oldValue = 64;

//等于二进制的1000000

var new Value = oldVlue >> 5;

//等于二进制的10,即十进制的2

同样,在位移过程中也会出现空位。只不过这次的空位出现在原数值的左侧、符号位的右侧。而此时ECMAScript会用符号的值来填充所有的空位,以便得到一个完整的值。

7. 无符号右移

无符号右移操作符由3个大于号(>>>)表示,这个操作符会将数值的所有32位都向右移动。对整数来说,无符号右移的结果与有符号右移相同。仍以前面有符号右移的代码为例,如果将62无符号右移5位,结果任然还是2,但是对负数来说,会被当成正数的二进制码。例如:

var oldValue = - 64;

//等于二进制的11111111111111111111111111000000

var newValue = oldValue >>>5;

三、布尔操作符

布尔操作符一个3个:非(NOT)、与(AND)、和或(OR)。

1.逻辑非

逻辑非操作符是一个叹号(!)表示,可以应用于ECMAScript中的任何值。无论数据类型都会返回一个布尔值,遵循以下规则:

如果操作数是一个对象,返回false;

如果操作数是一个空字符串,返回true;

如果操作数是一个非空字符串,返回false;

如果操作数是数值0,返回true;

如果操作数是任意非0数值(包括Infiity),返回false;

如果操作数是null,返回true;

如果操作数是NaN,返回true;

如果操作数是undefined,返回true。

例如:

alert(!false); //ture

alert(!"blue"); //false

alert(!0); //true

alert(!NaN); //true

alert(!" "); //true

alert(!12345); //false

2.逻辑与

逻辑与操作符由两个和号(&&)表示,有两个操作数。

逻辑与操作可以应用于任何类型的操作数,而不是仅仅是布尔值,在有一个操作数不是布尔值的情况下,逻辑与操作就不一定返回布尔值;此时它遵循下列规则:

如果第一个操作数是对象,则返回第二个操作数;

对过第二个操作数是对象,则只有在第一个操作数的求职结果为true的情况下才会返回该对象;

如果第两个操作数都是对象,则只有在第一个操作数求职结果为第二个操作数;

如果第一个操作数是NaN,则返回NaN;

如果第一个操作数是undefined,则返回undefined。

逻辑与操作属于短路操作,即如果第一个操作数能够决定结果,那么就不会在对第二个操作数求值。对于逻辑与操作而言,如果第一个操作数是false,则无论第二个操作数是什么值,结果都不再可能是true了。

3.逻辑或

逻辑或操作符由两个竖线符号(||)表示,有两个操作数,如下面的例子所示:

var result = true || false;

逻辑或的真值表如下:

与逻辑与操作相似,如果有一个操作数不是布尔值,逻辑或也不一定返回布尔值,此时,他遵循下列规则:

如果第一个操作数是对象,则返回第一个操作数;

如果第一个操作数的求值结果为false,则返回第二个操作数;

如果两个操作数都是对象,则返回第一个操作数;

如果两个操作数都是NaN,则返回NaN;

如果两个操作数都是undefined,则返回undefined。

与逻辑与相似,逻辑或操作符也是短路操作符。如果第一个操作数的求值结果为true,就不会对第二个操作数求值了。

四、乘性操作符

ECMAScript定义了3个乘性操作符:乘法、除法、和求模。这些操作符与Java、C或者Perl中的相应操作符用途类似,只不过在操作数为非数值的情况下会执行自动的类型转换。如果参与乘性计算的某个操作数不是数值,后台会先使用Number()转型函数将其转换为数值。也就是说,空字符串被当作0,布尔true也被当作1。

1. 乘法(*)

如果操作数都是数值,执行常规乘法计算。如果超出ECMAScript范围,则返回Infinity;

如果有一个操作符是NaN,则结果是NaN;

如果是Infinity与0相乘,则结果是NaN;

如果是Infinity与非0相乘,则结果是Infinity或者 - Infinity

如果是Infinity与Infinity相乘,则结果是Infinity;

如果一个操作数不是数值,则在后台调用Number()将其转换为数值,然后再应用上面的规则。

2. 除法(/)

如果操作数都是数值,执行常规除法计算。如果超出ECMAScript范围,则返回Infinity;

如果有一个操作符是NaN,则结果是NaN;

如果是0被0除,则结果是NaN;

如果是Infinity被非0除,则结果是Infinity或者 - Infinity

如果是非0被0除,则结果是Infinity或者 - Infinity

如果是Infinity被Infinity除,则结果是NaN;

如果一个操作数不是数值,则在后台调用Number()将其转换为数值,然后再应用上面的规则。

3.求模(%) 略。

五、加性操作符(略)

1.加法(+)

2.减法(-)

六、关系操作符

小于()、小于等于(=)

遵循以下规则:

如果两个操作数都是数值,则执行数值比较

如果两个操作数都是字符串,则比较两个字符串对应的字符编码值

如果一个操作数十数值,则将另一个操作数转换为一个数值,然后执行数值比较。

如果一个操作数是对象,则调用这个对象的valueOf()方法,用得到的结果按照前面的规则执行比较。如果对象没有valueOf()方法,则调用toString()方法,并用得到的结果根据前面的规则执行比较。

如果一个操作数是布尔值,则先将其转换为数值,然后再执行比较。

七、相等操作符

1. 相等和不相等(==&!=)

2.全等和不全等(===&!==)

八、条件操作符

变量 = 条件 ? 结果1 : 结果2

九、赋值操作符(略)

十、逗号操作符(略)

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180507G1J4CF00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券