zoukankan      html  css  js  c++  java
  • ES6笔记(一):箭头函数

    时间:2022/01/11

    箭头函数的示例代码:

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Document</title>
        </head>
        <body>
            <script>
                // 箭头函数
                var sum = function(a){
                    return 2*a;
                }
    
                // 箭头函数-改进1
                var sum1 = (a) => {
                    return 2*a;
                }
    
                // 箭头函数-改进2
                var sum2 = (a) => 2*a;
    
                // 箭头函数-改进3
                var sum3 = a => 2*a;
    
                //打印查看结果
                console.log("箭头函数:" + sum(1));
                console.log("箭头函数1:" + sum1(1));
                console.log("箭头函数2:" + sum2(1));
                console.log("箭头函数3:" + sum3(1));
    
                
            </script>
        </body>
    </html>

    使用规律:

    1. 去掉function

    2. 在小括号后面加箭头

    3. 如果大括号里面只有一行return代码,即没有逻辑代码,可以将大括号省略

    4. 如果函数只有一个参数,可以将小括号也省略

    努力,向上,自律
  • 相关阅读:
    EL表达式与JSTL
    JSP
    session
    四则运算 第二次
    第二次作业
    四则运算
    用户使用手册与测试报告
    系统设计和任务分配
    需求规格说明书和原型设计
    用户需求分析和竞品分析
  • 原文地址:https://www.cnblogs.com/machi12/p/15786905.html
Copyright © 2011-2022 走看看