一、箭头函数
- ES6 允许使用“箭头”(=>)定义函数，之前是通过function 来定义函数。
<body><script>//之前我们接触的是function fn1(x,y){return x+y ;}//也可以写成赋值型var fn2 = function(x,y){return x + y;}//改写成箭头函数var fn3 = (x,y) => x+y;
console.log(fn1(1,4))console.log(fn2(1,5))console.log(fn3(1,3))</script>
</body>
//改写成箭头函数
var fn3 = (x,y) => x+y;var fn4 = x => x*x; //一个参数的时候不用括号var fn5 = () => 10; //没有参数的时候用括号占位console.log(fn1(1,4))console.log(fn2(1,5))console.log(fn3(1,3))console.log(fn4(4))console.log(fn5())
- 如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用retum 语句返回。
- 如果箭头函数直接返回一个对象，必须在对象外面加上括号，否则会报错.
作用：
注意：
- 对于普通函数来说，内部的 this 指向函数运行时所在的对象，但是这一点对箭头函数不成立。它没有自己的this 对象，内部的 this 就是定义时上层作用域中的 this.
