ES6新增变量声明和结构赋值

新增变量声明

es6中新增了变量声明let和const

let局部变量声明

1.let变量不会挂载在window中，不会造成全局变量污染问题
2.新增了一个块级作用域中，以前的是只有函数作用域，全局作用域
3.let 不允许重复声明
4.let不会提前声明提前（只是认为看不到的效果，实际上是有声明提前的，只是提前到暂时性死区中）

const声明常量

const声明除了以上几点,还有下面的注意点
const声明的不允许被 修改不允许改变存储地址
const声明和赋值必须一次性完成

解构赋值

基本用法:

ES6允许按照一定模式,从数组和对象中取值,对变量进行赋值,这被称为解构。

以前，为变量赋值，只能直接指定值。
以前的方式是这样的

 let a = 1;
        let b = 2;
        let c = 3;
        console.log(a,b,c);

在ES6中我们可以这样

 let [d,e,f] = [1, 2, 3];
        console.log(d,e,f);

需要注意的是,如果解构不成功 ,则输出undefined

函数参数的解构赋值

//语法：[[1, 2], [3, 4]].map(([a, b]) => a + b); \\ [3, 7]

function fn({
    a,
    b,
    c = 10,
    d = 20,
} = {}){
    return a+b+c+d;
}

fn({a:1,b:2})
// 33

字符串模板

语法：把字符串写在``里面，${变量、表达式、函数}：获取值

var obj ={
    name: '徐斌斌',
    age: 22
}

// 传统打印
console.log("我的名字叫" + obj.name + ",今年" + obj.age + "岁");

// ES6
console.log(`我的名字叫${obj.name},今年${obj.age}岁`);

//如果模板字符串的变量没有声明，将报错
//由于模板字符串的大括号内部，就是执行 JavaScript 代码，因此如果大括号内部是一个字符串，将会原样输出
//模板字符可以嵌套，但是没有必要