JavaScript ES6 - 解构赋值与箭头函数

什么是解构赋值，解构赋值可以更快速的帮我们获取数据

数组的结构复制：

<script>
  //数组的解构赋值
  let ary=[100,200,500]
  let[levi,mikasa,ailu]=ary
  console.log(levi,ailu，mikasa) //100 500 200 undefined 
</script>

 

对象的解构赋值：

<script>
  //对象的解构赋值
  let human={name: 'levi',age: 19}
  //方式一：不设置别名
  let{name,age}=human
  //方式二：设置别名
  let{name:leviName,age:leviAge}=human

  console.log(name,age,leviName,leviAge)
</script>

 

箭头函数：

1.定义方式

<script>
  const fn=()=>{
    console.log("我是箭头函数")
  }
  
  fn()
</script>

2.函数中只有一句代码，且指向的结果就是要返回的值，可以省略大括号

<script>
  const sum=(num1,num2)=>num1+num2
  
  var total=sum(1,4)
</script>

2.形参只有一个可以省略小括号

<script>
  const sum=v=>{
    console.log(v)
  }
</script>

箭头函数中的this为改函数定义的位置(上下文)