ES6系列筆記-箭頭函數(shù)

ES6相關(guān)概念就不多解釋啦,語法也成為了前端的主流,平時(shí)在很多場景開發(fā)中都會(huì)遇到,一下是關(guān)于ES6系列筆記的一些記錄~

1:普通寫法和箭頭函數(shù)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
    
        
        //箭頭函數(shù)
         let  show=(a,b)=>{
            console.log(a+b);
         }
         show(1,6)
    </script>
</html>

2:數(shù)組排序
//數(shù)組排序一般寫法

        let arr = [1, 23, 45, 67, 3, 2, 22];
        arr.sort(function(n1, n2) {
            return n1 - n2;
        });
        console.log(arr)

//箭頭函數(shù)數(shù)組排序

        let arr = [1, 23, 45, 67, 3, 2, 22];
        arr.sort((n1, n2) => {
            return n1 - n2;
        });
        console.log(arr) 

3:只有一個(gè)參數(shù)的時(shí)候,()可以省略
只有一個(gè)參數(shù)的時(shí)候,寫法是這樣的

let  show=(a)=>{
return a*2;
}
console.log(show(5))

()可以省略,寫法是這樣的

//只有一個(gè)參數(shù) 的時(shí)候()可以省略
let  show=a=>a*2;
console.log(show(5))

打印結(jié)果都是10


4: 只有一個(gè)return的時(shí)候,{}可以省略

<!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)
        //只有一個(gè)return的時(shí)候,{}可以省略      
        //箭頭函數(shù)數(shù)組排序,省略花括號
        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>
        
        //箭頭函數(shù)
        // let  show=(a,b)=>{
        //  alert(a+b);
        // }
        // show(1,6)
        
        //數(shù)組排序
        // let  arr=[1,23,45,67,3,2,22];
        // arr.sort(function(n1,n2){
        //  return  n1-n2;
        // });
        // alert(arr)
        
        //箭頭函數(shù)數(shù)組排序
        // 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))
        
        //只有一個(gè)參數(shù) 的時(shí)候()可以省略
        // let  show=a=>a*2;
        // alert(show(3))
        
        //箭頭函數(shù)數(shù)組排序,省略花括號
        // let  arr=[1,23,45,67,3,2,22];
        // arr.sort((n1,n2)=>n1-n2);
        // alert(arr)
         //只有一個(gè)參數(shù)的時(shí)候,()可以省略
        // 只有一個(gè)return的時(shí)候,{}可以省略
    </script>
</html>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容