=> 箭头函数 · 方便、快捷，也要小心坑

最新推荐文章于 2024-07-20 16:37:02 发布

lefex

最新推荐文章于 2024-07-20 16:37:02 发布

阅读量1.7k

点赞数

本文链接：https://blog.csdn.net/lefex/article/details/104368480

版权

本文探讨了箭头函数在JavaScript中的使用，包括其简洁语法带来的便利，如解决`this`指向问题，以及需要注意的限制，如没有自己的`this`、`argument`，不能作为构造函数，没有`prototype`属性，不能通过`call`、`apply`绑定`this`。作者鼓励读者理解箭头函数的优缺点并持续学习JavaScript。

摘要由CSDN通过智能技术生成

箭头函数是必须要掌握的，今天我们一起来学习一下，它给开发者带来方便的同时，也要留意它的「无能」。先看一个例子：

const names = [
    'wsy',
    'suyan',
    '前端小课'
];
let lengths = names.map(name => name.length);
console.log('lengths = ', lengths);

结过如图：

先看下它的语法：

1、无参数

function call(callback) {
    callback();
}
call(() => {
    console.log('arrow void');
});
// 箭头函数类似于下面这个函数
call(function () {
    console.log('void');
});

2、只有一个参数，无返回值