06 es6 箭头函数

最新推荐文章于 2024-08-27 15:59:21 发布

学前端的坤坤bond

最新推荐文章于 2024-08-27 15:59:21 发布

阅读量94

点赞数 2

文章标签： es6 javascript 前端 html vue.js 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_64904350/article/details/140512196

版权

<!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>
    箭头函数
  </body>
  <script>
    //传统函数
    let func = function (a, b) {
      return a + b;
    };

    //es6箭头函数写法
    let func1 = (a, b) => {
      return a + b;
    };
    console.log(func1(1, 2)); //3

    //无参
    //传统函数
    let func2 = function () {
      return 1;
    };
    //es6 箭头函数写法
    let func3 = () => {
      return 1;
    };
    console.log(func3()); //1
    // 只有一个参数
    let func4 = (a) => {
      return a;
    };
    console.log(func4(4)); //4
  </script>
</html>