箭头函数是JavaScript中语法更简洁的函数定义方式,无自身this、arguments、super和new.target,继承外层作用域;适用于回调和数组方法,但不可用作构造函数。

箭头函数是 JavaScript 中定义函数的一种简洁语法,它没有自己的 this、arguments、super 或 new.target,而是继承自外层作用域。它主要用来简化函数写法,尤其适合用在回调、数组方法(如 map、filter)等场景。
箭头函数省略了 function 关键字和 return(当只有一条表达式时自动返回):
const add = function(a, b) { return a + b; };
const add = (a, b) => a + b;
const square = x => x * x;
const sayHi = () => console.log('Hi');
传统函数的 this 取决于调用方式(谁调用,this 就指向谁),而箭头函数没有自己的 this,它会沿作用域链向上查找,使用定义时所在上下文的 this:
this 指向该对象;但若内部回调用传统函数,this 可能丢失(比如传给 setTimeout)this 保持外层对象的绑定,避免手动 .bind(this) 或用变量暂存 const self = this
箭头函数内部访问不到 arguments,但可以用剩余参数(...args)替代:
立即学习“Java免费学习笔记(深入)”;
function sum() { return Array.from(arguments).reduce((a, b) => a + b); }
const sum = (...args) => args.reduce((a, b) => a + b);
箭头函数没有 prototype 属性,也不能用 new 调用,否则会报错:
const Person = (name) => ({ name }); → new Person('Alice') 报错 TypeError: Person is not a constructor
基本上就这些。箭头函数不是万能替代品,关键看是否需要独立的 this、arguments 或构造能力。用对地方,代码更干净;误用反而引发隐性 bug。
以上就是javascript中的箭头函数是什么_与传统函数有何不同?的详细内容,更多请关注php中文网其它相关文章!
java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号