浅谈ES6语法中箭头函数的用法

箭头函数的用法

你好！今天来写一下箭头函数的用法，因为在使用中还是经常会遇到箭头函数的使用，因此需要辨别箭头函数的多种写法，在实际使用时才不会发懵，这次也是通过复写我在B站看到的一个比较好的教程，也不知道这样算不算抄袭，我还标的原创，emmmm，因为就是当学习笔记在用嘛，所以大佬如果找过来我再删掉好了，kk。

箭头函数的特点

1. 能够使函数的写法更简洁（一行写完一个函数）；
2. 函数返回值可以被隐式返回（不需要写return了）；
3. 不重新绑定this的值；

箭头函数的改写

1. 改写箭头函数的第一步，去掉function;
2. 在圆括号的后面加上胖箭头=>;

<script>
	const twice = function(once){
   
		return once*2
	}
</script>

<script>
	const twice = (once)=>{
   
		return once*2
	}
	console.log(twice(3))
</script>

在上面改写后的函数里面，传一个参数3，并通过console.log打印出来，如果返回值为6，就说明这个改写是正确的。

下面再进行三个例子的练习，用于掌握箭头函数的写法：

1. 不传入任何的参数，只返回一个hello world;

const demofirst = ()=>{
   
	console.log("hello world")
};
demofirst();

2. 接收一个name，返回一个hello加上返回的name变量；