js函数中箭头函数和普通函数的区别
1.外观上
箭头函数: 1、没有function 直接通过箭头指向 2、箭头的函数体中只有return,可以省略return 3、参数为一个时,可以没有小括号 |
普通函数: 1、有function 2、必须有return 3、必须有小括号 |
const getSum = (a, b) => { return a + b; }; const getSum = (a, b) => a + b; const getSum = a => a + 1;
|
function getSum(a, b) { return a + b; } function getSum(a) { return a + 2; }
|
2.this指向不同
箭头函数的this是父级作用域的this
普通函数的this指向函数的调用者
3. call、apply、bind无法改变箭头的this的指向
4. 箭头函数不可作为构造函数使用,而普通函数可以
5.普通函数可以通过arguments获取输入的参数(类数组对象); 箭头函数不可以使用arguments否则会报错。
6. 普通函数定义的构造函数内部,支持使用new.target
,返回构造实例的构造函数。而在箭头函数中,不支持使用new.target
。在浏览器环境中,箭头函数使用new.target
将报错:new.target expression is not allowed here
。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!