箭头函数相关知识点

本文介绍了JavaScript ES6中引入的箭头函数的定义方式,包括简洁的语法糖。同时对比了箭头函数与传统function函数的区别,如this的指向、函数提升、构造函数使用以及arguments对象的差异。
摘要由CSDN通过智能技术生成

一、箭头函数(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: () =&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值