箭头函数

本文深入探讨了箭头函数的语法、特点及应用场景,包括如何简化函数声明、this绑定问题及参数处理等关键知识点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

语法

(参数1, 参数2, …, 参数N) => { 函数声明 }
eg:

a=>{console.log(a)}//相当于

    function(a){
    	console.log(a)
    }

//相当于:(参数1, 参数2, …, 参数N) =>{ return 表达式; }
(参数1, 参数2, …, 参数N) => 表达式(单一)

function add(a,b){
    return a+b;
}
//简写为:
(a,b)=>{//删掉了function和函数名
    return a+b;
}

// 当只有一个参数时,圆括号是可选的:
(单一参数) => {函数声明}
单一参数 => {函数声明}

a=>{console.log(a)}

// 没有参数的函数应该写成一对圆括号。
() => {函数声明}

()=>{console.log(2)}

//加括号的函数体返回对象字面表达式:
参数=> ({foo: bar})

let fn = function(){
    return {"a":5};
}
//简写为:
let fn = ()=>({"a":5});

//支持剩余参数和默认参数
(参数1, 参数2, …rest) => {函数声明}
(参数1 = 默认值1,参数2, …, 参数N = 默认值N) => {函数声明}

特点

  • 不绑定this:箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this
  • 不绑定arguments
  • 箭头函数不能用作构造器,和 new一起用会抛出错误。

作用

引入箭头函数有两个方面的作用:更简短的函数并且不绑定this。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值