什么是箭头函数_它与普通函数有何不同

箭头函数是ES6引入的语法糖,语法更简洁但无this绑定、不能new调用、无arguments和prototype,且无法直接递归。

什么是箭头函数_它与普通函数有何不同

箭头函数是 ES6 引入的一种函数定义方式,用 => 代替 function 关键字,语法更轻量,本质是普通函数的语法糖。但它不只是“写法更短”,在行为层面有几处关键差异,直接影响使用场景和结果。

语法更简洁,但只能作为表达式使用

箭头函数没有函数声明形式,必须赋值给变量或作为参数传入:

单参数可省括号:const square = x => x * x无参数需空括号:const now = () => new Date()单表达式自动返回,省略 return 和大括号:const sum = (a, b) => a + b多语句需显式写 {}returnconst format = s => { s = s.trim(); return s.toUpperCase(); }

this 指向固定,不随调用方式改变

这是最常被忽略也最关键的区别

普通函数的 this 在运行时确定,谁调用就指向谁(如对象方法、事件回调、new 实例化)箭头函数没有自己的 this,它直接继承外层作用域(定义时所在函数)的 this 值,且无法被 callapplybind 修改典型好处:避免定时器、事件监听中 this 丢失,比如对象方法里用 setTimeout(() => console.log(this.name), 100) 能正常输出

缺少一些函数专属属性和行为

箭头函数刻意舍弃了某些面向对象或动态执行所需的机制:

不能用 new 调用,不是构造函数 —— 尝试 new (() => {}) 会报错 “is not a constructor”没有 prototype 属性 —— (() => {}).prototype 返回 undefined没有 arguments 对象 —— 需用剩余参数 ...args 替代没有 supernew.target,也不能作为 Generator(不支持 yield

它总是匿名的,不能直接递归调用

虽然可通过变量名间接引用,但箭头函数本身无函数名:

普通函数声明可自调用:function factorial(n) { return n 箭头函数若要递归,得依赖外部变量:const factorial = n => n (靠变量名引用,非函数自身)这种写法在重赋值后可能出错,不如普通函数声明稳定

以上就是什么是箭头函数_它与普通函数有何不同的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1544738.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 16:09:44
下一篇 2025年12月15日 03:12:07

相关推荐

发表回复

登录后才能评论
关注微信