JavaScript 箭头函数

箭头函数的形式：

复制代码
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      //普通函数
      let sum = function () {};

      //箭头函数
      let sum2 = () => {};

      //当参数只有一个值的时候，可以省略小括号

      let num3 = (a) => {
        return a * a;
      };

      //当函数体只有一行代码，可以省略大括号
      //如果把大括号省略的话，会自动的返回结果，不要写return

      let fun = (a) => a * a;
      console.log(fun(6));
    </script>
  </body>
</html>
复制代码

箭头函数的使用：

复制代码
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      //箭头函数的使用  定时器
      //1.方式①
      window.setInterval(function () {}, 1000);
      //2.方式②
      window.setInterval(() => console.log(1), 1000);
      //3.方式③
      window.setInterval(() => {
        console.log(1);
      }, 1000);

      //箭头函数的使用注意点:

      //1. 箭头函数不存在先解析后调用，所以必须先定义再调用

      fun(); //这是错误的;
      let fun = (a) => console.log(1);

      //2. 箭头函数不存在arguments;
      let funs = () => {
        console.log(arguments);
      };
      funs(1, 2);

      //3.箭头函数中不存在this，箭头中的只指向上级作用域的this;
    </script>
  </body>
</html>
复制代码

 

posted @   しゅおく  阅读(19)  评论(0)  编辑  收藏  举报
相关博文：
· Vue-基本语法
· jQuery-ajax
· JavaScript的箭头函数
· 6.箭头函数
· JavaScript的箭头函数（lambda表达式）
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示