javascript 赋值运算符、一元运算符、运算优先级详细解析与代码实例

一、JavaScript 赋值运算符：

1. "=" 赋值运算符：将右侧的值赋给左侧的变量。

   let x = 10;
   

2. "+=" 加等于运算符：将右侧的值加到左侧变量的值上，等价于 x = x + y。

   let x = 10;
   x += 5;   // x 等于 15
   

3. "-=" 减等于运算符：将右侧的值从左侧变量的值上减去，等价于 x = x - y。

   let x = 10;
   x -= 5;   // x 等于 5
   

4. "*=" 乘等于运算符：将右侧的值乘到左侧变量的值上，等价于 x = x * y。

   let x = 10;
   x *= 5;   // x 等于 50
   

5. "/=" 除等于运算符：将左侧变量的值除以右侧的值，等价于 x = x / y。

   let x = 10;
   x /= 5;   // x 等于 2
   

6. "%=" 取余等于运算符：将左侧变量的值对右侧的值取余数，等价于 x = x % y。

   let x = 10;
   x %= 3;   // x 等于 1
   

二、JavaScript 一元运算符：

1. "++" 自增运算符：将变量的值加 1。

   let x = 10;
   x++;   // x 等于 11
   

2. "--" 自减运算符：将变量的值减 1。

   let x = 10;
   x--;   // x 等于 9
   

3. "+" 正号运算符：表示正数。

   let x = +10;   // x 等于 10
   

4. "-" 负号运算符：表示负数。

   let x = -10;   // x 等于 -10
   

5. "!" 非运算符：对布尔值取反。

   let x = true;
   let y = !x;   // y 等于 false
   

三、JavaScript 运算优先级：

1. 括号：()
2. 一元运算符：++ -- + - !
3. 乘除运算符：* / %
4. 加减运算符：+ -
5. 关系运算符：< > <= >=
6. 相等运算符：== != === !==
7. 逻辑与运算符：&&
8. 逻辑或运算符：||
9. 条件运算符：? :
10. 赋值运算符：= += -= *= /= %=

代码实例：

let a = 10;
let b = 5;
 
console.log(a + b);   // 15
console.log(a - b);   // 5
console.log(a * b);   // 50
console.log(a / b);   // 2
console.log(a % b);   // 0
 
let c = 5;
console.log(++c);   // 6
console.log(c++);   // 6
console.log(c);     // 7
 
let d = 10;
console.log(--d);   // 9
console.log(d--);   // 9
console.log(d);     // 8
 
let e = true;
let f = !e;
console.log(f);     // false
 
let g = 10;
let h = "10";
console.log(g == h);   // true
console.log(g === h);  // false
 
let i = 10;
i += 5;
console.log(i);     // 15