ES6新增语法——箭头函数

ES6新增语法——箭头函数

ES6箭头函数的基本结构：
() =>{}
const fn = ()=> {} //左边是函数的参数
//右边是函数的函数体
//如果ES6箭头函数只有一句代码,并且代码的执行结果就是ES6箭头函数的返回值 函数体大括号可以省略
cosnt sum = (n1,n2)=> n1+n2;

const result= sum(10,20);
.log(result)

function sum(num1, num2) {
return num1 + num2;
}
//ES6箭头函数写法
const sum = (num1, num2) => num1 + num2;

注意:ES6箭头函数自己没有this,箭头函数中的this就是箭头函数所在位置的this
比如说箭头函数在全局作用域中, 箭头函数中this就是window
比如说ES6箭头函数写在一个函数里面 ,箭头函数中 this就是这个函数中this