ES6系列筆記-箭頭函數
- 2019 年 12 月 24 日
- 筆記
ES6相關概念就不多解釋啦，語法也成為了前端的主流，平時在很多場景開發中都會遇到，一下是關於ES6系列筆記的一些記錄~
1：普通寫法和箭頭函數
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> //箭頭函數 let show=(a,b)=>{ console.log(a+b); } show(1,6) </script> </html>
2：數組排序 //數組排序一般寫法
let arr = [1, 23, 45, 67, 3, 2, 22]; arr.sort(function(n1, n2) { return n1 - n2; }); console.log(arr)
//箭頭函數數組排序
let arr = [1, 23, 45, 67, 3, 2, 22]; arr.sort((n1, n2) => { return n1 - n2; }); console.log(arr)
3:只有一個參數的時候，()可以省略 只有一個參數的時候,寫法是這樣的
let show=(a)=>{ return a*2; } console.log(show(5))
()可以省略，寫法是這樣的
//只有一個參數 的時候()可以省略 let show=a=>a*2; console.log(show(5))
列印結果都是10
4： 只有一個return的時候，{}可以省略
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> // let arr = [1, 23, 45, 67, 3, 2, 22]; // arr.sort((n1, n2) => { // return n1 - n2; // }); // console.log(arr) //只有一個return的時候，{}可以省略 //箭頭函數數組排序,省略花括弧 let arr = [1, 23, 45, 67, 3, 2, 22]; arr.sort((n1, n2) => n1 - n2); console.log(arr) </script> </html>
示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> //箭頭函數 // let show=(a,b)=>{ // alert(a+b); // } // show(1,6) //數組排序 // let arr=[1,23,45,67,3,2,22]; // arr.sort(function(n1,n2){ // return n1-n2; // }); // alert(arr) //箭頭函數數組排序 // let arr=[1,23,45,67,3,2,22]; // arr.sort((n1,n2)=>{ // return n1-n2; // }); // alert(arr) //圓括弧可以省略 // let show=(a)=>{ // return a*2; // } // alert(show(12)) //只有一個參數 的時候()可以省略 // let show=a=>a*2; // alert(show(3)) //箭頭函數數組排序,省略花括弧 // let arr=[1,23,45,67,3,2,22]; // arr.sort((n1,n2)=>n1-n2); // alert(arr) //只有一個參數的時候，()可以省略 // 只有一個return的時候，{}可以省略 </script> </html>
