es6 0622三

let

介绍：声明变量

特点：

1、声明变量，变量不能重复声明

   let a = 10;
   let a = 20;
   console.log(a); // Identifier 'a' has already been declared

2、存在块级作用域（只在当前范围有效）

{
                let d = 40;
                console.log(d); //40
            }
            // console.log('d', d); //d is not defined

3、没有变量提升

console.log(c); //Cannot access 'c' before initialization
let c = 30;

const声明常量

介绍：声明常量，一经声明必须赋值

特点：

1、值不可以修改

const A=1；//重新给常量A赋值会报错 
A=3;// Uncaught TypeError: Assignment to constant variable.
//错误：赋值给常量

2、声明后必须赋值

3、存在块级作用域

 {
                const d = 60;
                console.log(d); //60
            }
            console.log(d);   //d is not defined

箭头函数（另一篇有详解）

CSDNhttps://mp.csdn.net/mp_blog/creation/editor/125264210

模板字符串 

介绍：字符串的增强版，用反引号包裹

语法：

`${变量名}`

说明：

1、${变量名} 称为模板占位符，可以在这里插入任意的js表达式，算数运算符甚至函数，也可以在模板字符串中嵌入另一个模板字符串

 示例：

let a = 10
let str = `现在${a}点了`
console.log(str);//现在10点了

const username = 'alex';
const person = { age: 18, sex: 'male' };
const getSex = function (sex) {
  return sex === 'male' ? '男' : '女';
};

const info = `${username}, ${person.age},${getSex(person.sex)}`;
console.log(info);     //alex, 18,男

 

解构赋值

介绍：按一定模式从数组，对象中提取值，并且赋值给变量

分类：数组解构赋值，对象解构赋值

数组解构赋值：

介绍：按一定模式从数组中提取值，并且赋值给变量

情况：

情况	示例
数组长度和变量个数一致时	let [a, b, c] = [1,2,3]; console.log(a,b); // 1 2 3
数组长度>变量个数时	let [a, b, c] = [1,2,3]; console.log(a,b); // 1 2
数组长度<变量个数时	let [a, b, c] = [1,2,3]; console.log(a,b,c,d); // 1 2 3 d为undefined

 对象解构赋值

介绍：用变量的名字匹配对象的属性 匹配成功将对象属性的值赋值给变量

let person = { name: 'libai', age: 20 };

let {name, age} = person;
console.log(name1)  // ' libai '
console.log(age1)  //  20

对象解构起别名

let person = { name: 'libai', age: 20 };

let {name: myname , age: myage} = person;
console.log(myname)  // ' libai '
console.log(myage)  //  20