js-箭头函数

什么是箭头函数

• 使用箭头进行定义的函数(=>);
• 箭头函数相当于匿名函数，并且简化了函数定义。
• 类似于function定义的函数，只是把function改为=>
  例子：

var sum = function(a,b){
       return a+b;     
   }

改成·箭头函数就是

let sum =(a,b)=>{
return a+b;
}

几种特殊情况

省略大括号

当且函数体的命令只有一条并且是返回语句则不需要写大括号;
例子：

let sum = (a,b)=>{return a+b};

可以写为

 let sum = (a,b)=> a+b;

如果是多行函数就不可以省略大括号

省略小括号(参数括号)

如果参数是一个，可以省略小括号
例子：

let sum =a=>{
     let sum = 0;
	 for(let i =0;i

如果参数不是一个，就需要用括号()括起来

箭头函数中的this

注意：

• 取决于上下文
• this总是指向词法作用域，也就是外层调用者obj
  例子：
  上文没有this，则是window对象

 console.log(this)
    var sum=(a,b)=>{
        let c= a+b;
        console.log(this)
    }
    sum(1,2)

效果展示：

上文有，则是调用的对象

 function Person(){
        console.log(this)
        this.eat=()=>{
            console.log(this)
        }
    }
    let p = new Person();
    p.eat()

效果展示