js - 补充(1) -- 运算符

运算符

大多数的运算符是由标点符号表示的，比如"="，"+"。还有由关键字表示，如：delete,instanceof

这里有我想到的大部分的运算符

符号表.png

• 结合性：L（从左到右运算），R（从右到左运算）
• 类型：期望的操作类型，-> 之后的为期望的结果类型
• lval：一个古老的术语，“左值”(left-value):表达式只能出现在赋值运算符的左侧
• str: string
• bool: boolean
• &: 按位与

var a = 9;
9 --二进制--> 1001
补足32位：0000 0000 0000 0000 0000 0000 0000 1001
var b = 5;
5 --二进制--> 101
补足32位：0000 0000 0000 0000 0000 0000 0000 0101
a & b = 9 & 5
9和5中每一位都进行比较，如果两个均为1，则输出1，若其中有一个不为1，则输出0；
结果为:
0000 0000 0000 0000 0000 0000 0000 0001 ----> 1
console.log(a & b)      // => 1

• |: 按位或同上，只要一个为1，则输出1. 上述结果为console.log(a | b) = 13
• ^: 同，两数相等，输出0.反之输出1.上述结果为console.log(a ^ b) = 12
• ~: 按位求反

var a = 5
5 --二进制--> 1001
补足32位：0000 0000 0000 0000 0000 0000 0000 0101
取反：1111 1111 1111 1111 1111 1111 1111 1010
因为开头为1，则为负数，先反码：0000 0000 0000 0000 0000 0000 0000 0101
再+1得到补码：
0000 0000 0000 0000 0000 0000 0000 0110 --十进制--> -6

---

• <<: 左位移

a << 2
var a = 5
5 --二进制--> 1001
补足32位：0000 0000 0000 0000 0000 0000 0000 0101
即向左移动两位：0000 0000 0000 0000 0000 0000 0001 0100 --十进制--> 20

(左移1位相当于x2，左移2位相当于x4)

---

• 带符号右移

正数:
5 >> 2
5 --二进制--> 1001
补足32位：0000 0000 0000 0000 0000 0000 0000 0101
右移2位：0000 0000 0000 0000 0000 0000 0000 0001（高位补0） --十进制-->  1
console.log(5 >> 2)         // => 1
负数:
-5 >> 2
5 --二进制--> 1001
补足32位：0000 0000 0000 0000 0000 0000 0000 0101
取反：1111 1111 1111 1111 1111 1111 1111 1010
再+1，得补码：1111 1111 1111 1111 1111 1111 1111 1011
右移两位，高位补1：1111 1111 1111 1111 1111 1111 1111 1110 --十进制--> -2
console.log(-5 >> 2)        // => -2

---

• 无符号右移

>>>: 同 >> 运算，不同的是高位总是补0

---

• =，==，===

尽管这三个符号都称为“相等”，但为了减少概念混淆，则
"=": 可称“赋值或者得到”。
"==": 可称为“相等”.
"===": 可称为“恒等，也叫严格相等”.

另"!"为逻辑非，“！=”为不相等，“！==”为不完全相等

之前文中提到的：

• 当 “==” 两边数据类型不相等时，相等运算符会尝试进行一些数据转换
• 而 “===“ 不仅要求数据相等，数据类型要求相等

---

• 比较运算符
  ”<“,">","<=",">="
  比较操作符的操作数可能是任意值，但是只有数字和字符才能真正执行

如: 
1 < 2            // => true
"one" < 3           // => false
"Zoo" < "addrdvark"         // => true
ASCII字母中 “大写”字母  <  "小写"字母

---

• in
  in运算符期望左侧是个字符串或者可以转为字符串，右侧则是个对象

var point = {x:1, y:2}
"x" in point                // => true
"z" in point                // => false
"toSreing" in poiont        // => true(point是个对象，继承toString方法)

var data = [7,8,9]
"0" in point                // => true
1 in point                  // => true
3 in point                  // => false，没有索引3

---

• instanceof
  instanceof期望左侧是一个对象，右侧为标识符对象的类

var d = new Date()
d instanceof Date           // => true,d是由Date创建的
d instanceof Object         // => true,对象是Object实例
d instanceof Number         // => false,d不是一个Number对象

var a = [1, 2, 3]
a instanceof Array          // => true
a instanceof Object         // => true
a instanceof RegExp         // => false,数组不为正则

注：理解instanceof如何工作，参考“原型链”。（以后会详细说明）
为了计算表达式o instanceof f，首先会计算f.prototype，然后在原型链中找o，如果找到，那么o是f（或f的父类）的一个实例，返回true，反之则返回false。

---

• “&&”， “||”， “！”

逻辑运算符

逻辑与：&&
全部为真值时返回true

逻辑与可以从三个层次去理解
1.第一个层次，最简单的一层：当操作数都是布尔值时，若都为true，则返回true，反之，返回false
2.可以对真值和假值进行布尔操作，都为真，返回一个真值
3.运算符首先计算左侧，若为假，则一定返回false，则不会去计算右侧的表达式。

逻辑或：||
至少一个真值返回true

逻辑非：！
是一个一元运算符，目的是将操作数取反

优先级："!" > "&&" > "||"

---

这里有几个对上表的解释：

赋值运算.png

---

• 三元运算符

a ? b : c
条件a是否成立，成立，执行b，不成立，执行c
如：
x > 0 ? x : -x          // 求x的绝对值

一个“？：”的典型应用场景

greeting = "hello";             
if(username){
    greeting += username;   
}else{
    greeting += "there";
}

上述可以等价于

greeting = "hello" + (username ? username : "there");

---

• typeOf运算符

typeof最常用的用法是写在表达式中
typeof [val] == "string" ? "'" + [val] + "'" : [val]
如:
typeof null = 'object'

---

• delete运算符

delete可以删除一个属性或者一个元素，但并不是将其“抹掉”，而是替换一个undefined

var a = {x: 1, y: 2}
delete a.x
"x" in a                        // => false,x不存在

var a = [1, 2, 3]
delete a[2]                     // =>delete索引2；
2 in a                          // => false
a.length                        // => 3，数组长度未改变
delete a                        // => false,不能删除var声明的变量
delete 1                        // => 对象不是一个左值，返回true，不进行操作

---