箭头函数=>

最新推荐文章于 2025-04-29 22:11:44 发布

小仙女de小绵羊

最新推荐文章于 2025-04-29 22:11:44 发布

阅读量466

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6 文章标签：箭头函数

本文链接：https://blog.youkuaiyun.com/wadedt/article/details/88399433

ES6 专栏收录该内容

15 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上代码

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");