JavaScript-箭头函数

箭头函数

• 箭头函数的特性

• javaScript中箭头函数和Java中的lambda表达式两者相似，这种函数的出现大大简化了函数的定义
• 比如：

传统定义函数的方式

<script>
		function add(a,b) {
			return a + b;
		};
		console.log(add(1,2));
	</script>
           

使用箭头函数定义函数的方式

<script>
		var add= (a,b) =>{
			return a + b;
		};
		console.log(add(1,2));
	</script>
           

箭头函数的特性

1. 如果函数体只有一行代码，则函数大括号可以省略，如果该行代码用于返回结果，return必须忽略

<script>
		var add= (a,b) => a + b;
		console.log(add(1,2));
	</script>
           

结果为3

1. 箭头函数是匿名函数，不能作为构造函数，不能使用new

<script>
		var User= () => console.log("箭头函数");
		var user = new user();
	</script>
           

1. 箭头函数没有原型属性

<script>
		var add = (a, b) => a + b;
		console.log(add.prototype);

		function out() {
			console.log("Tom");
		}
		console.log(out.prototype);
	</script>
           

1. 箭头函数不绑定arguments，而是使用…接收不定参数

1. 箭头函数中this永远指向其上下文中的this，普通函数中this指向调用它的对象

<script>
		var out1 = (...param) => console.log(param);
		out1(1,2,3,4,5,6,7,8,9);
	</script>