普通函数和箭头函数形式上的区别

w盒子

已于 2022-02-21 21:35:39 修改

阅读量183

点赞数

分类专栏： js 文章标签：前端 javascript

于 2022-02-21 21:33:24 首次发布

本文链接：https://blog.csdn.net/qq_44167313/article/details/123056483

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文探讨JavaScript中的两种函数定义方式——普通函数与箭头函数，通过四个示例展示了它们在语法和作用域上的差异。箭头函数简化了函数定义，并且没有自己的this，继承自父作用域。这对于理解JavaScript中的函数行为和作用域规则至关重要。

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

  **  普通函数 function(){}    
      箭头函数 ()=>{}**   
  
    // 例1
    // 普通函数 
    var one = function(){
        return "a"
    }
    console.log(one())
    //箭头函数
    var one=()=>"a"
    console.log(one())


    //例2
    // 普通函数
    var two=function(a){
        return a
    }
    console.log(two("I am two"))
    //箭头函数
    var two =(a_)=>a_
    console.log(two("张三"))

    //例3
    // 普通函数
    var three = function(b,c){
        return b+c
    }
    console.log(three(1,2))
    // 箭头函数
    var three=(b,c)=>b+c;
    console.log(three(1,2)+'-----')


    // 例4
    let a=['1','2','3'];
    // 普通函数 
    let a_normal=a.map(function(item){
        return item += "*"
    })
    console.log("打印普通函数"+a_normal);

    //箭头函数
    let a_arrow=a.map(item=>item+="$");
    console.log("打印箭头函数"+a_arrow)