1. 程式人生 > 其它 >JavaScript ES6 - 解構賦值與箭頭函式

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為改函式定義的位置(上下文)