JavaScript ES6 - 解構賦值與箭頭函式
阿新 • • 發佈:2022-05-18
什麼是解構賦值,解構賦值可以更快速的幫我們獲取資料
陣列的結構複製:
<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為改函式定義的位置(上下文)