阮一峰ES6入门电子版书籍: http://es6.ruanyifeng.com/
1. 定义变量
ES6语法: 将之前的变量var改为了let, 常量为const. 为什么要改var呢?, 因为它有很多的坑...
//1. var允许重复声明变量而不报错:
var a = 10
var a = 20
console.log(a) //打印结果为20
//2. var 的作用域让人感到疑惑:
let b = "haha"
if (b == "haha"){
var age = 20
}
console.log(age) //是可以打印20的
换做let, 上面的两种情况就会报错, 而不是无脑输出
2. 解构赋值
ES6 允许我们按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)
- 数组的解构赋值
const arr = [1, 2, 3] //我们得到了一个数组
let [a, b, c] = arr //可以这样同时定义变量和赋值
console.log(a, b, c); // 1 2 3
- 对象的解构赋值(常用)..具名参数
const obj = { name: '小龙',address:'北京', age: '100'} //我们得到了一个对象
let {name, age} = obj //可以这样定义变量并赋值
console.log(name, age); //小龙 100
- 函数参数的解构赋值(常用)
const person = { name: '小明', age: 11}
function printPerson({name, age}) { // 函数参数可以解构一个对象
console.log(`姓名:${name} 年龄:${age}`);
}
printPerson(person) // 姓名:小明 年龄:11
3. 函数扩展
ES6 对函数增加了很多实用的扩展功能。
<