首页 > 其他 > 详细

es6的新特性

时间:2021-08-18 15:37:38      阅读:22      评论:0      收藏:0      [点我收藏+]

 

1,const,let

const / let / var有什么不同

var与const和let的不同点

1.var 有变量提升,而const与let也存在变量提升,但由于暂时性死区导致在初始化前(暂时性死区:声明并初始化)没办法调用

2.let与const有块级作用域,何为块级作用域,可以理解为{} 的内容为块级,在此范围内定义的内容,只能在该范围使用,根据这个理念可以解决for循环参数问题

3.const定义的是常数不能重新定义,也不能重新赋值;let可以重新赋值,但不能重新定义;var可以重新定义,也能重新赋值

 

 2.模板字变量

 let a=10
 let b=`我有${a*20}元`
 console.log(b)//我有200元

  

 

3.箭头函数

箭头函数与普通函数的不同点在于,箭头函数的this指向父级的上下级绑定(可以理解为,作用域)

例如

  var aaa={
      id:666,
      show1:function(){
          console.log(this.id)
      },
      show2:()=>{
          console.log(this.id)
      }
  }
 aaa.show1()// 666
 aaa.show2()//undefined 

show2的this指向了执行作用域window,window没有id返回undefined

 

 

 

4.对象和数组解构

 

let [a,b,c]=[1,2,3]
console.log(a,b,c)///1 2 3

let {aa,bb,cc}={
    aa:555,
    bb:666,
    cc:777
}
console.log(aa,bb,cc)///555 666 777

 

 

 

 

 5.for...of 和 for...in

     a  for…in是遍历数组、对象的key

     b  for…of是遍历数组的value

 

let a=[‘a‘,‘b‘,‘c‘]
for(let i in a){
    console.log(i)
}
//0
//1
//2
//显示的是key


let a=[‘a‘,‘b‘,‘c‘]
for(let i of a){
    console.log(i)
}
//a
//b
//c
//显示的是value

 

es6的新特性

原文:https://www.cnblogs.com/zsckl/p/15155950.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!