zoukankan      html  css  js  c++  java
  • 箭头函数

    一、写法

    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
      })

        

  • 相关阅读:
    yii2框架随笔27
    yii2框架随笔26
    yii2框架随笔25
    yii2框架随笔24
    yii2框架随笔23
    yii2框架随笔21
    yii2框架随笔20
    yii2框架随笔19
    yii2源码学习笔记(十五)
    yii2源码学习笔记(十四)
  • 原文地址:https://www.cnblogs.com/anbozhu7/p/11819232.html
Copyright © 2011-2022 走看看