es6—箭头函数

最新推荐文章于 2024-08-15 21:19:47 发布

HsuVenChing

最新推荐文章于 2024-08-15 21:19:47 发布

阅读量151

点赞数

分类专栏： ES6 JavaScript 文章标签： javascript es6

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/qq_42435041/article/details/112002176

版权

JavaScript 同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

ES6

6 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中的箭头函数，它提供了一种更简洁的函数定义方式。箭头函数的基本语法是参数=>函数体，可以用于匿名函数定义。当没有参数或有多个参数时，使用括号；当函数体有多行语句时，用大括号表示代码块；如果只有一行语句并需要返回结果，可以省略大括号，结果会自动返回。文中通过对比传统函数与ES6箭头函数的示例，进一步阐述了箭头函数的使用场景。

摘要由CSDN通过智能技术生成

<!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>


<h3>箭头函数提供了一种更加简洁的函数书写方式。基本语法是
    参数 => 函数体
</h3>
<p>
    当箭头函数没有参数或者有多个参数，要用()括起来
</p>
<p>当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块</p>
<p>当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。</p>

<h2>箭头函数多用于匿名函数的定义</h2>
<script>
    // 传统
    var f1 = function (a) {
        return a
      }

      console.log(f1(1));

      //es6

      var f2 = a =>a
      console.log(f2(2));

    //   传统
      var f3  =(a,b)=>{
          let result = a+b
          return result
      }
      console.log(f3(6,2));

    //   es6
    var f4 =(a,b)=>a+b

    console.log(f4(3,6));
</script>
  
</body>
</html>