44-箭头函数

  • 什么是箭头函数

    • 箭头函数是ES6中新增的一种定义函数格式
      • 目的: 就是为了简化定义函数的代码
  • 在ES6之前如何定义函数

          function 函数名称(形参列表){
              需要封装的代码;
          }
          let 函数名称 = function(形参列表){
              需要封装的代码;
          }
    
          function say() {
              console.log("hello lnj");
          }
          let say = function() {
              console.log("hello lnj");
          }
          say();
    
  • 从ES6开始如何定义函数

           let 函数名称 = (形参列表) => {
              需要封装的代码;
          }
    
          let say = () => {
              console.log("hello lnj");
          }
          say();
    
  • 箭头函数的注意点

    • 在箭头函数中如果只有一个形参, 那么 () 可以省略

          function say(name) {
              console.log("hello " + name);
          }
      
          let say = (name) => {
              console.log("hello " + name);
          }
      
          let say = name => {
              console.log("hello " + name);
          }
      
    • 在箭头函数中如果 {} 中只有一句代码, 那么 {} 也可以省略

          function say(name) {
              console.log("hello " + name);
          }
      
          let say = (name) => {
              console.log("hello " + name);
          }
      
          let say = name => console.log("hello " + name);
          say("it666");
      
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容