箭头函数

Posted 2020-11-30 anbozhu7

一、写法

1. 简化了函数的写法

   
   参数 =>  函数体 
   x => return x　　
   
   多个参数加（）；函数体内容不止一行{……}代码块符号要加上
   （x,y）=> {}
   
   
   当return一个对象时，用（）包起来，避免与代码块{} 冲突

   x => ({ foo: x })
   
   

2. this 
   • 箭头函数内部的this是词法作用域，由上下文确定。
   • this总是指向词法作用域，也就是外层调用者obj：

     var obj = {
         birth: 1990,
         getAge: function () {
             var b = this.birth; // 1990
             var fn = () => new Date().getFullYear() - this.birth; // this指向obj对象
             return fn();
         }
     };
     obj.getAge(); // 25
     

     　　

3. 没有 this、super、arguments 和 new.target 绑定。

二、额外小记 sort() 排序

1. 普通

   arr.sort((x,y)=>{
       
   return x - y  // 升序排列
   
   // return y - x 降序排列
   })
   

   　　

2. 数组内对象

   const  arr = [
   　　{name:‘xiaohua‘, age:18,source:69},
   　　{name:‘huahua‘, age:23,source:32},
   　　{name:‘au‘, age:15,source:89}
   ]
   
   // 按年龄从小到大排
   arr.sort( (a,b) =>{
   　　return a.age - b.age
   })