es6中的箭头函数

原创于 2021-01-12 15:48:48 发布 · 203 阅读

0 ·

CC 4.0 BY-SA版权

es6 专栏收录该内容

12 篇文章

订阅专栏

博客介绍了普通函数转化为箭头函数的步骤，即去掉function，加上箭头，若只有一个参数可省略()，若只有一个return语句可省略return和{}，还通过例子展示了省略规则。

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

箭头函数

普通函数转化箭头函数步骤：

function去掉
加上一个箭头

<script>
	window.onload = function (){
		alert('abc');
	};
	window.onload = ()=>{
		alert('abc');
	};
</script>

在这里插入图片描述

如果只有一个参数，() 可以省略；
如果只有一个return语句，return和{ } 可以省略。

下面两个例子的化简过程详细地表现了其省略的规则：

let arr = [12, 5, 23, 88, 32, 8];
// arr.sort(function (n1, n2){
// 	return n1-n2;
// });

// arr.sort((n1, n2)=>{
// 	return n1-n2;
// });
// alert(arr);

arr.sort((n1, n2)=>n1-n2);

// let show = function (a){
// 	return 2*a;
// };

// let show = (a)=>{
// 	return 2*a;
// };

// let show = a=>{
// 	return 2*a;
// };
		
let show = a=>2*a;
alert(show);