前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Javascript中普通函数和箭头函数的区别

Javascript中普通函数和箭头函数的区别

作者头像
小明爱学习
发布2020-07-09 15:51:05
9820
发布2020-07-09 15:51:05
举报
文章被收录于专栏:smh的技术文章

Javascript中普通函数和箭头函数的区别

1.在es6中运行使用“(=>)”来定义函数,比如:

代码语言:javascript
复制
var fn = p=> p;//最精简模式
//等价
var fn = function (p) { 
    return p;
}

//函数不需要参数或需要多个参数,需要使用()。
var fn1 = (p1,p2)=>p1+p2;
//等价
var fn1 = function (p1,p2) {
    return p1+p2;
}

//函数体代码不止一条语句,需要使用{},且不能省略return。
var fn2 = (p1,p2)=>{
    let p3 = p1+p2;
    return p3;
}

2.箭头函数没有this对象,他会找到上层调用者作为this对象,直至window。还有,由于箭头函数没有自己的this,所以call,apply,bing等方法都不能改变this指向。

代码语言:javascript
复制
var values="window";
var test={
    values:'test',
    loading:function(){
        window.onload=()=>{
            console.log(this.values);
        }
    },
    events:function () {
        window.addEventListener('click',function(){
            console.log(this.values);
        })
    }
}
test.loading();//输出test
test.events();//单击网页,输出window

3.不可以当作构造函数,也就是说,不可以使用new命令。

4.箭头函数没有arguments,如果想要获取全部参数,就使用rest参数。

代码语言:javascript
复制
//箭头函数没有arguments,rest参数代替
var add=(...num)=>{
    let sum=0;
    for (let val of num) {      
        sum+=val;
    }
    return sum;
}
//普通函数,使用arguments
function add1() 
{  
    var sum=0;
    for(var i=0;i<arguments.length;i++){
        sum+= arguments[i];
    }
    return sum;
}

好了,今天就总结了以上4条比较重要的区别。

如无作者授权,请勿转载。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020年07月08日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Javascript中普通函数和箭头函数的区别
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档