【ECMAScript 6】箭头函数

水深无声 2023-06-11 03:20 174阅读 0赞

![在这里插入图片描述][70]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    <button id="btn1">11111</button>
    <button id="btn2">2222222222222</button>
    
    <script>
        let num=100;
    
        //ES5 之前
        var test1=function(n) {
            return n*3;
        };
    
        console.log(test1(num));
    
        //使用箭头函数
        let test2=(n) =>{
            return n*3;
        };
    
        console.log(test2(num));
    
        //如果参数只有一个， 连括号都可以省略了， 当然，两个以上的就不能省略了，
        // 基于上面的例子，因为只有一条语句，一个参数，可以简写为：
        let test3=n => n*3;
    
        console.log(test3(num));
    
        //立即执行：
        let test4=(()=> console.log(num*3))()
    
    
      
    </script>
    </body>
    </html>

执行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZyZWVkb21WZW5seQ_size_16_color_FFFFFF_t_70]

--------------------

[70]: /images/20230531/74f7df63e62e44479bdc4246bb0e1e86.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZyZWVkb21WZW5seQ_size_16_color_FFFFFF_t_70]: /images/20230531/10584ca1e4fb4e2297af8cf1a2b0f333.png