箭头函数相关知识点

一、箭头函数(Es6新增定义函数方式)

1、书写样式(形参)=>{}

案例:let fn = () => {

console.log("箭头函数")

}

fn()//箭头函数

2、箭头函数简写

(1)形参只有一个,形参外的小括号()可以省略

let fn = n => n * n;

console.log(fn(10))//100

(2)箭头函数只有一个return语句,可以省略大括号{}和return

let sum = (m, n) => {

return m + n;

}

let result = sum(23, 10)

console.log(result)//33

简化为:let sum = (m, n) => m + n;

二、箭头函数与function函数的区别

1、function中this的指向不明确,随环境(调用者)变化,箭头函数指向明确,永远指向生产环境(箭头函数定义位置的this)

var age = 40;

 var obj = {

            age: 20,

            say: () =&

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值