JavaScript 运算符详解

JavaScript（3）运算符详解

1.算数运算符

//当对非Number类型的值进行运算时，会将其转换为Number类型
//任何值和NaN做运算都为NaN
//对字符串做加法，结果返回字符串
//任何值和字符串做加法运算，都会先转化为字符串再计算


var a = 123 + 223;
var a = true + 1;
var a = '123' + '456';
var a = '123' + 456;


//转化成字符串
var a = 123 + '';


// 从左往右
var a = 1 + 2 + '3';
var a = 1 + '2' + 3;

// 其他运算，都是转换成number
// - * / %
var a = 2 * undefined


//取模 （ 取余数 ）
var a = 9%3  //0
var a = 9%2 //1

2.自增&自减

自增：

• 通过自增可以使变量在自身基础上加1
• 对于一个变量自增之后，原变量的值会立即自增1
• 自增分为两种：
  • ++a与a++
  • 无论a++还是++a，都会立刻使原变量的值自增1
  • 前自增运算符是先加1，再使用操作数的值，后自增运算符是先使用操作数的值，再加1

var a; // 变量

a + 1; // 表达式

var a = 1;

console.log(a++);  

console.log(++a);  

var a = 20;

var result = a++ + ++a + a; // 64

a = a++;

console.log(a); // 20

自减同上

3.逻辑运算符

• ! 非
• && 与
• || 或

// !
// 对一个值进行非运算，取反
var a = false;
console.log(!a);

//对非boolean做非运算
//先转换成boolean，再运算
var a = 10;
console.log(!a);

//tips
//可以使用来将非boolean转化成boolean值
var a = 10
console.log(!!a);


//&&
//与运算规则：
// 都是true ==》 true
// 只要有false就返回false
var a = true && false;

//短路
//如果第一个值就为false，就停止判断
false && console.log(' test ');



//||
//或运算规则：
//有true就返回true
//不能短路，全部判定
var a = false || true

与或的运算

// && ||
// 先转成bollean再运算,再返回原值。

// && 都为true 返回后边的
var a = 1 && 2

// && 有false ，返回false
a = 0 && 1;

// && 都为false，返回前边的
a = 0 && NaN;

//符合短路原理

//  ||

// 第一个值为true，返回第一个值
var a = 2 || 1 

// 第一个值为false，返回第二个
var a = NaN || 1;


//例如
a = '' || 'hello'; //hello
a = -1 || 'hello' //-1

4. 赋值运算符

// 将等号右边的值赋给左边

var a = 1;

// 等价 ， +=不能有空格
a = a + 2;

a += 2;

a -= 2;

* 运算符详解(2)