关于javascript:JavaScript-教程学习补遗六

运算符

布尔运算符

（1）布尔运算符用于将表达式转为布尔值，一共蕴含四个运算符。

• 取反运算符：!
• 且运算符：&&
• 或运算符：||
• 三元运算符：?:

（2）对于非布尔值，取反运算符会将其转为布尔值。能够这样记忆，以下六个值取反后为true，其余值都为false。

• undefined
• null
• false
• 0
• NaN
• 空字符串（''）

!undefined // true
!null // true
!0 // true
!NaN // true
!"" // true

!54 // false
!'hello' // false
![] // false
!{} // false

（3）两次取反就是将一个值转为布尔值的简便写法

!!x
// 等同于
Boolean(x)

（4）且运算符（&&），如果第一个运算子的布尔值为true，则返回第二个运算子的值（留神是值，不是布尔值）；如果第一个运算子的布尔值为false，则间接返回第一个运算子的值，且不再对第二个运算子求值。

't' && ''//""
't' && 'f' // "f"
't' && (1 + 2) // 3
''&&'f'//""
''&&'' // ""

var x = 1;
(1 - 1) && (x += 1) // 0，跳过第二个运算子的机制，被称为“短路”x // 1

（5）且运算符能够多个连用，这时返回第一个布尔值为 false 的表达式的值。如果所有表达式的布尔值都为true，则返回最初一个表达式的值。

true && 'foo' && ''&& 4 &&'foo' && true
// ''

1 && 2 && 3
// 3

（7）或运算符（||）罕用于为一个变量设置默认值。

function saveText(text) {
  text = text || '';
  // ...
}

// 或者写成
saveText(this.text || '')

(8)三元条件表达式与 if...else 语句具备同样表白成果，前者能够表白的，后者也能表白。然而两者具备一个重大差异，if...else是语句，没有返回值；三元条件表达式是表达式，具备返回值。

console.log(true ? 'T' : 'F');

二进制运算符

（1）二进制位运算符用于间接对二进制位进行计算，一共有 7 个

• 二进制或运算符（or）：符号为|，示意若两个二进制位都为0，则后果为0，否则为1
• 二进制与运算符（and）：符号为&，示意若两个二进制位都为 1，则后果为 1，否则为 0
• 二进制否运算符（not）：符号为~，示意对一个二进制位取反
• 异或运算符（xor）：符号为^，示意若两个二进制位不雷同，则后果为 1，否则为 0
• 左移运算符（left shift）：符号为<<
• 右移运算符（right shift）：符号为>>
• 头部补零的右移运算符（zero filled right shift）：符号为>>>

（3）位运算符只对整数起作用，如果一个运算子不是整数，会主动转为整数后再执行。
（4）尽管在 JavaScript 外部，数值都是以 64 位浮点数的模式贮存，然而做位运算的时候，是以 32 位带符号的整数进行运算的，并且返回值也是一个 32 位带符号的整数。利用这个个性，能够写出一个函数，将任意数值转为 32 位整数。

function toInt32(x) {return x | 0;}

（5）对于大于或等于 2 的 32 次方的整数，大于 32 位的数位都会被舍去。
（6）所以，将一个小数与 0 进行二进制或运算，等同于对该数去除小数局部，即取整数位。

2.9 | 0 // 2
-2.9 | 0 // -2

（7）这种取整办法不实用超过 32 位整数最大值 2147483647 的数。

2147483649.4 | 0;
// -2147483647

（8）一个数与本身的取反值相加，等于 -1。

~ -3 // 2 

下面表达式能够这样算，-3的取反值等于 -1 减去-3，后果为2。

（9）对一个整数间断两次二进制否运算，失去它本身。

~~3 // 3

（10）对字符串进行二进制否运算，JavaScript 引擎会先调用 Number 函数，将字符串转为数值。

// 相当于~Number('011')
~'011'  // -12

// 相当于~Number('42 cats')
~'42 cats' // -1

// 相当于~Number('0xcafebabe')
~'0xcafebabe' // 889275713

// 相当于~Number('deadbeef')
~'deadbeef' // -1

（10）对于其余类型的值，二进制否运算也是先用 Number 转为数值，而后再进行解决。

// 相当于 ~Number([])
~[] // -1

// 相当于 ~Number(NaN)
~NaN // -1

// 相当于 ~Number(null)
~null // -1

（11）“异或运算”有一个非凡使用，间断对两个数 a 和b进行三次异或运算，a^=b; b^=a; a^=b;，能够调换它们的值。这意味着，应用“异或运算”能够在不引入长期变量的前提下，调换两个变量的值。

var a = 10;
var b = 99;

a ^= b, b ^= a, a ^= b;

a // 99
b // 10

（12）向左挪动的时候，最高位的符号位是一起挪动的。

// 4 的二进制模式为 100，// 左移一位为 1000（即十进制的 8）// 相当于乘以 2 的 1 次方
4 << 1
// 8

-4 << 1
// -8

（13）

var color = {r: 186, g: 218, b: 85};

// RGB to HEX
// (1 << 24)的作用为保障后果是 6 位数
var rgb2hex = function(r, g, b) {return '#' + ((1 << 24) + (r << 16) + (g << 8) + b)
    .toString(16) // 先转成十六进制，而后返回字符串
    .substr(1);   // 去除字符串的最高位，返回前面六个字符串
}

rgb2hex(color.r, color.g, color.b)
// "#bada55"

（14）右移运算符（>>）示意将一个数的二进制值向右挪动指定的位数。如果是负数，头部全副补 0；如果是正数，头部全副补1。右移运算符基本上相当于除以2 的指定次方（最高位即符号位参加挪动）。

4 >> 1
// 2
/*
// 因为 4 的二进制模式为 00000000000000000000000000000100，// 右移一位失去 00000000000000000000000000000010，// 即为十进制的 2
*/

-4 >> 1
// -2
/*
// 因为 - 4 的二进制模式为 11111111111111111111111111111100，// 右移一位，头部补 1，失去 11111111111111111111111111111110,
// 即为十进制的 -2
*/

（15）右移运算能够模仿 2 的整除运算。

5 >> 1
// 2
// 相当于 5 / 2 = 2

21 >> 2
// 5
// 相当于 21 / 4 = 5

21 >> 3
// 2
// 相当于 21 / 8 = 2

21 >> 4
// 1
// 相当于 21 / 16 = 1

（16）头部补零的右移运算符（>>>）与右移运算符（>>）只有一个差异，就是一个数的二进制模式向右挪动时，头部一律补零，而不思考符号位。
这个运算实际上将一个值转为 32 位无符号整数。查看一个负整数在计算机外部的贮存模式，最快的办法就是应用这个运算符。

-1 >>> 0 // 4294967295

开关作用

// A、B、C、D 四个开关，每个开关别离占有一个二进制位。var FLAG_A = 1; // 0001
var FLAG_B = 2; // 0010
var FLAG_C = 4; // 0100
var FLAG_D = 8; // 1000

// 查看以后设置是否关上了指定开关
var flags = 5; // 二进制的 0101

if (flags & FLAG_C) {// ...}
// 0101 & 0100 => 0100 => true

// 假如须要关上 `A`、`B`、`D` 三个开关，咱们能够结构一个掩码变量
var mask = FLAG_A | FLAG_B | FLAG_D;
// 0001 | 0010 | 1000 => 1011

// 计算后失去的 `flags` 变量，代表三个开关的二进制位都关上了。flags = flags | mask;

// 与开关设置不一样的，全副敞开
flags = flags & mask;

// 异或运算能够切换（toggle）以后设置，即第一次执行能够失去以后设置的相同值，再执行一次又失去原来的值。flags = flags ^ mask; 

// 二进制否运算能够翻转以后设置，即原设置为 `0`，运算后变为 `1`；原设置为 `1`，运算后变为 `0`。flags = ~flags;

void 运算符

（1）void运算符的作用是执行一个表达式，而后不返回任何值，或者说返回undefined。

void 0 // undefined
void(0) // undefined

（2）在超级链接中插入代码避免网页跳转。

<a href="javascript: void(f())"> 文字 </a>

（3）用户点击链接提交表单，然而不产生页面跳转。

<a href="javascript: void(document.form.submit())">
  提交
</a>

逗号运算符

（1）逗号运算符用于对两个表达式求值，并返回后一个表达式的值。

'a', 'b' // "b"

var x = 0;
var y = (x++, 10);
x // 1
y // 10

（2）在返回一个值之前，进行一些辅助操作。

var value = (console.log('Hi!'), true);
// Hi!

value // true

运算程序

（1）函数放在圆括号中，会返回函数自身。如果圆括号紧跟在函数的前面，就示意调用函数。

function f() {return 1;}

(f) // function f(){return 1;}
f() // 1

（2）圆括号之中，只能搁置表达式，如果将语句放在圆括号之中，就会报错。

(var a = 1)
// SyntaxError: Unexpected token var

（3）多数运算符是“右联合”，其中最次要的是赋值运算符（=）和三元条件运算符（?:）。

w = x = y = z;
q = a ? b : c ? d : e ? f : g;

下面代码的解释形式如下。

w = (x = (y = z));
q = a ? b : (c ? d : (e ? f : g));

指数运算符（**）也是右联合。

2 ** 3 ** 2
// 相当于 2 ** (3 ** 2)
// 512