美文网首页
1、基本概念(2)(JS高级笔记)

1、基本概念(2)(JS高级笔记)

作者: yjaal | 来源:发表于2017-04-06 21:59 被阅读27次

四、操作符

4.1 一元操作符

4.1.1 递增和递减操作符

一元操作符即递增(++)和递减(--)(而各自有两个版本:前置型和后置型),借鉴自C语言。所有的四个操作符对任何值都适用,即适用于整数、字符串、布尔值、浮点数值和对象。在应用于不同的值时,递增和递减操作符遵循下列规则:

  • 在引用于一个包含有效数字字符和字符串时,先将其转换为数字值,在执行加减一的操作。字符串变量变成数值变量。
  • 在应用于一个不包含有效数字字符的字符串时,将变量的值设置为NaN,字符串变量变成数值变量。
  • 在应用于布尔值falsetrue)时,先将其转换为01)在执行加减一操作。布尔值变成数值变量。
  • 在应用于浮点数值时,执行加减一的操作
  • 在应用于对象时,先调用对象的valueOf()方法以取得一个可供操作的值。然后对该值应用前述规则。如果结果是NaN,则在调用toString()方法后再应用前述规则。对象变量变成数值变量。

4.1.2 一元加和减操作符

加减操作符在对非数值应用时,该操作符会像Number()函数一样对这个值执行转换。一元减操作符主要用于表示负数,如将1转换成-1

var num = 25;
num = -num;//-25

4.2 位操作符

  • ECMAScript中,所有数值都以IEEE-754 64位格式存储,但位操作符并不直接操作64位值,而是先将64位的值转换成32位的整数,然后执行操作,最后再将结果转换回64位。对于有符号的整数,32位中的前31位用于表示整数的值。第32位用于表示数值的符号:0表示整数,1表示负数。

  • JavaScript内部,所有数字都是以64位浮点数形式储存,即使整数也是如此。所以,11.0是相同的,是同一个数。某些运算只有整数才能完成,此时JavaScript会自动把64位浮点数,转成32位整数。在处理有符号整数时,是不能访问31位的。对于无符号整数来说,第32位不再表示符号,因为无符号只能是正数。

  • ECMAScript中,当对数值应用位操作符时,后台会发生如下转换过程:64位的数值被转换成32位数值,然后执行位操作,最后再将32位的结果转换回64为数值。在转换过程会导致一个严重的副效应,即在对特殊的NaNInfinity值应用位操作时,这两个值会被当成零来处理。

4.2.1 按位非(NOT:~)

var num1 = 25;//000000000000000000000000011001
var num2 = ~num1;//11111111111111111111111111100110
alert(num2);//-26

4.2.2 按位与(AND:&)

var result = 25 & 3;
alert(result);//1
000000000000000000000000011001
000000000000000000000000000011    AND
000000000000000000000000000001

4.2.3 按位或(OR:|)

var result = 25 | 3;
alert(result);//27

4.2.4 按位异或(XOR:^)

var result = 25 ^ 3;
alert(result);//26

4.2.5 左移(<<)

var oldValue = 2;//10
var newValue = oldValue << 5;//1000000,即64

注意:向左移动,多出来的位使用零填充。左移不会影响操作数的符号位。

4.2.6 有符号的右移(>>)

var oldValue = 64;
var newValue = oldValue >> 5;//10,即2

注意:这里也是不影响符号位的,多出来的位使用符号位填充。

4.2.7 无符号右移(>>>)

对于整数来说,无符号右移的结果与有符号右移相同,但是对负数来说,情况就不一样了,无符号右移是以零来填充位。而且,无符号右移操作符会把负数的二进制码当成整数的二进制码,由于负数以其绝对值的二进制补码形式表示,因此就会导致无符号右移后的结果非常之大。

var oldValue = -64;//111111111111111111111111111000000
var newValue = oldValue >>> 5;//134217726

4.3 布尔操作符

4.3.1 逻辑非(!)

这个操作符可以应用于任何值,无论这个值是什么数据类型,这个操作符都会返回一个布尔值。逻辑非操作符首先会将某个值转换为一个布尔值,然后再对其求反,遵循下列规则:

  • 如果操作数是一个对象,返回false
  • 如果操作数是一个空字符串,返回true
  • 如果操作数是一个非空字符串对象,返回false
  • 如果操作数是一个数值0,返回true
  • 如果操作数是一个任意非0数值(包括Infinity),返回false
  • 如果操作数是一个null,返回true
  • 如果操作数是一个NaN,返回true
  • 如果操作数是一个undefined,返回true

逻辑非操作符也可以用于将一个值转换为与其对应的布尔值,即对操作数同时使用两个逻辑非,此时会模拟Boolean()转换函数的行为。

4.3.2 逻辑与(&&)

逻辑与的真值表如下:

第一个操作数 第二个操作数 结果
true true true
true false false
false true false
false false false

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

  • 如果第一个操作数是对象,则返回第二个操作数
  • 如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回该对象
  • 如果两个操作数都是对象,则返回第二个操作数
  • 如果第一个操作数是null,则返回null
  • 如果第一个操作数是NaN,则返回NaN
  • 如果第一个操作数是undefined,则返回undefined

逻辑与操作属于短路操作,即如果第一个操作数能够决定结果,那么就不会再对第二个操作数求值。

4.3.3 逻辑或(||)

逻辑与的真值表如下:

第一个操作数 第二个操作数 结果
true true true
true false true
false true true
false false false

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

  • 如果第一个操作数是对象,则返回第一个操作数
  • 如果第一个操作数的求值结果为false,则返回第二个操作数
  • 如果两个操作数都是对象,则返回第一个操作数
  • 如果两个操作数是null,则返回null
  • 如果两个操作数是NaN,则返回NaN
  • 如果两个操作数是undefined,则返回undefined

逻辑或操作属于短路操作,即如果第一个操作数能够决定结果(即为true),那么就不会再对第二个操作数求值。

4.4 乘性操作符

如果参与计算的某个操作数不是数值,后台会先使用Number()将其转换为数值。空字符串被当作0,布尔值truefalse)被当作10

4.4.1 乘法

在处理特殊值的情况下,乘法操作符遵循下列特殊的规则:

  • 如果操作数都是数值,执行常规的乘法操作。如果乘机超过了ECMAScript数值表示范围,则返回Infinity-Infinity
  • 如果有一个操作数是NaN,则结果是NaN
  • 如果是Infinity0相乘,则结果是NaN
  • 如果是Infinity与非零数相乘,则结果是Infinity-Infinity
  • 如果两个Infinity相乘,则结果是Infinity
  • 如果有一个操作数不是数值,则后台调用Number()将其转换为数值,然后再应用上述规则。

4.4.2 除法

在处理特殊值的情况下,除法操作符遵循下列特殊的规则:

  • 如果操作数都是数值,执行常规的除法操作。如果商超过了ECMAScript数值表示范围,则返回Infinity-Infinity
  • 如果有一个操作数是NaN,则结果是NaN
  • 如果是两个0相除,则结果是NaN
  • 如果两个Infinity相除,则结果是NaN
  • 如果是非零的有限数被零除,则结果是Infinity-Infinity
  • 如果是Infinity被任何非零数值除,则结果是Infinity-Infinity
  • 如果有一个操作数不是数值,则后台调用Number()将其转换为数值,然后再应用上述规则。

4.4.3 求模

在处理特殊值的情况下,求模操作符遵循下列特殊的规则:

  • 如果操作时都是数值,执行常规的求模,返回余数
  • 如果被除数是无穷大值而除数是有限大的数值,则结果是NaN
  • 如果被除数是有限大的数值而除数是零,则结果是NaN
  • 如果是两个Infinity相除,则结果是NaN
  • 如果被除数是有限大而除数是无穷大的数值,则结果是被除数
  • 如果被除数是零,则结果是零
  • 如果有一个操作数不是数值,则后台调用Number()将其转换为数值,然后再应用上述规则。

相关文章

  • 1、基本概念(2)(JS高级笔记)

    四、操作符 4.1 一元操作符 4.1.1 递增和递减操作符 一元操作符即递增(++)和递减(--)(而各自有两个...

  • 校本化HTTP-原生js

    这个笔记是我学习js犀牛书和一个师姐的慕课网学习笔记和js高级编程三个东西的总结 1,基本概念 超文本传输协议(H...

  • 1、基本概念(1)(JS高级笔记)

    一、语法 1.1 区分大小写 在JS中一切(变量、函数名和操作符)都是区分大小写的。 1.2 标识符 标识符可以是...

  • 1、基本概念(3)(JS高级笔记)

    4.5 加性操作符 4.5.1 加法 如果两个操作符都是数值,执行常规的加法计算,然后根据下列规则返回结果: 如果...

  • js高级笔记

    js高级笔记

  • 023 JS高级

    JS高级 一、函数高级 1、函数回调 2、闭包 二、循环绑定 三、面向对象JS 1、属性与方法 2、类字典结构使用...

  • 前端知识体系

    1.JS基础 5 2.JS高级 5JS高级程序设计,各种api的应用,es6新增api的运用 3.CSS...

  • JavaScript笔记

    js笔记 一、js简介1、js是什么2、js作用3、组成4、引入方式二、基本语法1、变量2、原始数据类型3、引入数...

  • 【笔记】javaScript 基础入门(二)

    上一篇笔记里《javascript基础入门(一)》,我主要写了js基本概念(特点,组成,典型运用)、js的使用、调...

  • 多线程

    感谢文顶顶老师分享的笔记 第1天 1 基本概念 2 pthread 3 NSThread (1)NSThread的...

网友评论

      本文标题:1、基本概念(2)(JS高级笔记)

      本文链接:https://www.haomeiwen.com/subject/edfcattx.html