前端基础知识之 ECMAScript6 (ES6)

ES6 是JavaScript的下一代标准，2015年6月发布。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
定义变量
var 与 let 的区别
var 声明的变量没有局部作用域 可以多次声明
let 声明的变量 有局部作用域 只能声明一次

快捷键：！+Tab键
控制台输出：console.log()

定义常量
const 一旦定义不能更改常量的值。

解构赋值
1、数组解构

//传统
let a=1,b=2,c=3
console.log(a,b,c)
//ES6
let [x,y,z] = [1,2,3]
console.log(x,y,z)

2、对象解构

let user = {name:'Helen',age:19}
//传统
let name1 = user.name
let age1 = user.age
console.log(name1,age1)
//ES6
let{name,age}= user //注意：结构的变量必须是user的属性
console.log(name,age)

3、模板字符串

let name="luccy"
let age=12
let info=`my name is ${name},i am ${age+1}`
console.log(info)

4、对象拓展运算符

//格式：...
//用于取出参数对象所有可遍历属性，然后拷贝到当前对象
let person1 = {name:"Army",age:"44"}
let person2 = {...person1}

5、箭头函数
多用于匿名函数的定义

//传统
var f1 = function(a){
	return a
}
console.log(f1(3))
//格式：参数=>函数体
var f2 = a =>a
console.log(f2(3))
//传统
var f1 = function(a,b){
	return a+b
}
console.log(f1(3,2))
//格式：参数=>函数体
var f2 = (a,b) =>a+b
console.log(f2(3,2))