react笔记之箭头函数1

前端歌谣

于 2022-11-01 10:50:45 发布

阅读量529

点赞数

CC 4.0 BY-SA版权

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qq_41632427/article/details/127402417

React实战笔记记录-2022 专栏收录该内容

32 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>箭头函数</title>
    <script>

        /*
        *   箭头函数
        *       - 只有一个参数的函数
        *           参数 => 返回值
        *       - 如果没有参数，或多个参数，参数需要使用()括起来
        *           () => 返回值
        *           (a, b, c) => 返回值
        *       - 箭头后边的值就是函数的返回值
        *           - 返回值必须是一个表达式（有值的语句）
        *           - 如果返回值是对象，必须加()
        *       - 如果需要在箭头函数中定义逻辑，可以直接在箭头后跟一个代码块，
        *           代码块中语法和普通函数没有区别
        * */

        const fn = function (a){
            return 'hello';
        };

        const fn2 = a => a+'hello';
        const fn3 = (a, b) => a+'hello';

        // console.log(fn2(123));

        const sum = (a, b) => a + b;
        let result = sum(123, 456);

        const fn4 = (a, b) => {
          if(a === 10){
              a += 5;
          }else if(a === 20){
              a += 10;
          }
          return a + b;
        };

        result = fn4(10, 5);

        console.log(result);


    </script>
</head>
<body>

</body>
</html>