es6-函数之箭头函数

本文介绍了ES6中的箭头函数,包括其解决的this指向问题、使用方法、语法糖以及特性。箭头函数适用于事件处理、异步操作等临时性场景,以及需要绑定外层this的情况。需要注意的是,箭头函数没有自己的this、arguments和new.target,且不能作为构造函数使用。
摘要由CSDN通过智能技术生成

箭头函数出现之前,this指向问题:

  1. 通过对象调用函数,this指向对象
  2. 直接调用函数,this指向全局对象
  3. 如果通过new调用函数,this指向新创建的对象
  4. 如果通过apply、call、bind调用函数,this指向指定的数据
  5. 如果是DOM事件函数,this指向事件源
    有这样一个函数调用场景:
const obj = {
    count: 0,
    start: function() {
        // this->obj
        console.log(this)
        setInterval(function() {
            console.log(this)
                // this.count++;
                // console.log(this.count);
        }, 1000)
    }
}
obj.start();

这里会出现问题,因为 setInterval 是JS引擎内部直接调用这个函数,此处的this指向window this.count++ 将返回NaN
为了解决这一问题,并使函数书写简洁,箭头函数应运而生。

箭头函数 使用方法

箭头函数是一个函数表达式,理论上任何使用函数表达式的场景都可以使用箭头函数

箭头函数完整语法:

(参数1,参数2,...)=>{
//函数体
}

1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值