ES6知识点

ES6常用知识点

1.let 和const

let和const声明的变量都不具备变量提升
let的声明方式与 var 相同，用 let 来代替 var 来声明变量，就可以把变量限制在当前代码块中。

使用 const 声明的是常量，其值一旦被设定便不可被更改。

2.模板字符串

使用双 `` 包裹

let  name='西楠';//字符串双引号
let  result=`我用的是模板字符串,我的名字叫${name}`;
console.log(result)

模板字符串中可以调用函数,变量,``

3.解构赋值

1.数据的解构赋值,按照一一对应关系

let arr=[2,6,8];
let[a,b,c]=arr;
console.log(a'==='b'==='c)//对应的就是2,6,8

2.对象的解构赋值

• 对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定
• 而对象的属性没有次序，变量必须与属性同名，才能取到正确的值

//对象的解构赋值解构不仅可以用于数组，还可以用于对象(json)
 //对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；
 //而对象的属性没有次序，变量必须与属性同名，才能取到正确的值
 var {a,b} = {a:'apple',b:'banana'};
 console.log(a,b); // apple banana
 var {b,a} = {a:'apple',b:'banana'};
 console.log(a,b); // apple banana

4.箭头函数

箭头函数的写法是从原来的function(){}变成了()=>{}

var a=()=>{
return 1;
}

等价于

function a(){
return 1;
}

如果函数体只有一条语句或者函数只有一个参数,可以简写,

var a=in=>in+1;

等价于

function a(in){
return in+1
}