ES6知识点

    科技2022-07-16  115

    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 }

    Processed: 0.009, SQL: 8