箭头函数的基本使用及特性

箭头函数:也是一种定义函数的方式,新潮的函数写法
优点:适当的省略函数中的 function和return关键字
缺点:代码可读性减弱,阅读时间花费多

注:箭头函数需注意部分
1,箭头函数不能用new
2,箭头函数如果返回值是一个对象,一定要加()
普通:
const show = () => {
}
返回值为对象:
const show = () => ({
})
3,箭头函数中的this指向的是上一层函数的主人

箭头函数this问题:
匿名函数中的this是window,而箭头函数中的this会往外找,如果外层是匿名函数那就是this,如果外层还是箭头函数,那就再往外找
箭头函数指向外层的this,外层this是function的this 指向window


let person = {
        username:'钢铁侠',
        // show: function(){
        //     alert(person.username)
        //     alert(this.username)
        //     //此处两者alert指向同一个
        // }
        show: () => {
            alert(person.username)
            alert(this.username)
            //此处this指向window
        }
    }

es6中的箭头函数格式:

const ccc = (参数列表) => {        
           }

放入两个参数需带()

const sum = (num1,num2) => {
            return num1+num2
        }

放入一个参数不需要带()

const power = num => {
            return num *num
        }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值