箭头函数=>

最新推荐文章于 2025-09-29 16:26:27 发布

原创最新推荐文章于 2025-09-29 16:26:27 发布 · 484 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#箭头函数

ES6 专栏收录该内容

15 篇文章

订阅专栏

本文深入讲解了JavaScript中箭头函数的使用方法，包括参数传递、返回值处理、代码块使用及剩余操作符和展开符的应用。通过具体示例，读者可以了解到如何定义带有多个参数的箭头函数，以及如何在函数中返回复杂表达式。

直接上代码

let books = js => js;//箭头左边是的函数传递的参数，箭头右边返回的是函数的返回值
books("javascript");

如上代码机会返回javascript

如果这个函数有多个参数的话就用（）

let books = (js,h5) => js + h5;//箭头左边是的函数传递的参数，箭头右边返回的是函数的返回值
books("javascript","html5");

如果函数不是简单的返回，则可以用{}里面写代码块

let books = (js,h5) => {
	return `${js}有点难，${h5}也不简单`
};//箭头左边是的函数传递的参数，箭头右边返回的是函数的返回值
books("javascript","html5");

这个函数的返回值就是：“javascript有点难，html5也不简单”
当然我们在这里一样可以使用剩余操作符和展开符

let books = (js,h5,...others) => {
	console.log(...others);
	return `${js}有点难，${h5}也不简单`;
};//箭头左边是的函数传递的参数，箭头右边返回的是函数的返回值
books("javascript","html5","css3","vue");