ES6的一些小知识

1：块级作用域

if{}for{}对let/const来说代码体都是块级作用域

块级作用域的应用 举例说明：获取多个按钮监听

2：暂时性死区使用let/const声明的变量，在声明之前变量不可以被访问

例如 在let之前访问age代码会报错

var age = 18
console.log(age);
let age = 20

 

 

 3:在开发中我们一般选择const,如果需要修改的变量用let

4:字符串模板的基本使用 ${}里面可以有变量，函数

const name = 'tyy'
age = '20'

function foo() {
    console.log("我是一个函数");
    return 'foo'
}
console.log(`大家好，我是${name}，今年${age}岁啦，一个想要学前端的女孩`);
console.log(`测试函数模板字符串${foo()}`); //显示返回值，同时也会调用函数

 

 

 4：标签字符串使用 相当于分块

function foo(...args) {
    console.log(args);
}
const name = 'tyy'
const age = 18
foo `hello${name}wo${age}rd`

5：解构

var items = {
    name: 'tyy',
    age: 20,
    friends: ['lili', 'xiix']
}
const { name, age, friends } = items
console.log(name, age, friends);
//数组的解构
var arr = ['a', 'b', 'c', 'd', 'e']
const [x, y, ...z] = arr
console.log(x, y, z);