es6解构赋值

定义：

解构赋值就是从目标对象或数组中提取自己想要的变量。最常用的场景是：element-ui,vant-ui按需引入，请求接口返回数据，提取想要数据。

语法：

//数组结构
var a, b, rest;
[a, b] = [10, 20];
console.log(a); // 10
console.log(b); // 20

//对象解构
({ a, b } = { a: 10, b: 20 });
console.log(a); // 10
console.log(b); // 20

// ...rest 解构数组
[a, b, ...rest] = [10, 20, 30, 40, 50];
console.log(a); // 10
console.log(b); // 20
console.log(rest); // [30, 40, 50]

// ...rest 解构对象（最新）
({a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40});
console.log(a); // 10
console.log(b); // 20
console.log(rest); // {c: 30, d: 40}

//解析一个从函数返回
function f() {
  return [1, 2];
}

var a, b; 
[a, b] = f(); 
console.log(a); // 1
console.log(b); // 2

默认值

var a, b;

[a=5, b=7] = [1];
console.log(a); // 1
console.log(b); // 7

交换变量

var a = 1;
var b = 3;

[a, b] = [b, a];
console.log(a); // 3
console.log(b); // 1

运算符的分类

        算术运算符

            +   -   *  / %   ++   --

        比较运算符

            > <  >=  <= !=     ==   !==   ===

        问:=   ==   ===的作用(区别)

          =  表示赋值 ,就是把等号右边赋值给等号左边的变量

          == 表示比较,如果两边的值相等,返回true,否则返回false,忽略数据类型

          === 表示比较 两边的值和数据类型都相同时,返回true,否则返回false

        赋值运算符

        =  +=   -=   *=  /=  %=

        a+=b   等价于   a = a+b

        逻辑运算符   大多数情况都会用在条件里边

         &&     只有当两边的条件都为真时,整体返回true,其他情况全返回false

         ||     只有当两边的条件都为假时,整体返回false,其他情况全返回true

         !         非真即假   非假即真

        字符串拼接运算   变量和字符串拼接

          +  

          5+5     // 10

          10+'5' // 105

        三元运算符

        条件?条件为真的执行:条件为假的执行

    */

//    取余运算  %

// ++  --   注意:参与运算的是一个变量

var num = 10

// ++num  和  num++  对于num这个变量来讲没有任何区别

 // var res = ++num    // num = 11   res = 11

  var res = num++    // num = 11   res = 10

 

 运算符扩展

指数运算符 符号 **

5的3次方

console.log( 5**3);

指数赋值运算符 符号 **=

var a = 2;

a**=4

等价于 a = a**4

console.log(a);