ES6新特性

130 阅读1分钟

声明变量的区别

  • let
  1. let声明的变量,不能变量提升,必须先声明在使用
  2. 不允许重复声明变量
  3. let声明的变量具有块作用域
  • const
  1. const声明的变量常量(不变的量)
  • var
  1. 会变量提升,可以先使用后定义不会报错,但是会undifend

箭头函数

  1. 当形参只有一个时,括号可以不写
var fun=item=>{return item}
  1. 当函数体只有一条语句时花括号可以不写
var fun=(item)=> item
  1. 当函数体只有一条语句且需要返回值,return可以不写,花括号也可以不写
var fun=item=>item
  1. 箭头函数中this指向应用上下文本,如果出现this,它指向上一作用域
var fun=()=>{
console.log(this)
}
fun()
//打印出来的this是window
var box=document.querySelector('#box')

var box=function(){
    var fun=()=>{
    console.log(this)
    }
}
//现在的this指div

结构对象和数组

  • 结构对象
var obj={
name:'小明',
age:18,
class:'软件技术',

//普通调用obj的值
obj.name
obj.age
//结构的方法
var {name,age,class}=obj
}
  • 结构数组
var arr=[1,1,3,4,5]
//平常取数组值
arr[0]
arr[1]
//结构数组
var [a,b,c,d]=arr

展开运算符

var arr=[1,2,3,4,5,5]
//平时打印数组
for(var i=0;i<arr.length;i++){
console.log(arr[i])
}
//展开运算
console.log(...arr,5)