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

    一、基本语法:

    1、ES6允许使用“箭头”(=>)定义函数

    var f = a = > a
    
    //等同于
    var f = function(a){
       return a;  
    }

    2、如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。

    //无形参
    var f = () => 5;
    // 等同于
    var f = function () { return 5 };
    
    //多个形参
    var sum = (num1, num2) => num1 + num2;
    // 等同于
    var sum = function(num1, num2) {
      return num1 + num2;
    };

    二、注意事项:

    1、函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。

    var name = '张三';   
     var person = {
            name:'李四',
               age:18,  
            fav:function(){        
                console.log(this)
                console.log(this.name)  //李四
            }
    }
    person.fav();

     此时this指向的是使用它的对象,也就是person对象

    var person2 = {
        name:'李四',
        age:18,
        fav: ()=>{
             // 当前this指向了定义时所在的对象(window)
             console.log(this);  // window
        }
    }
    person2.fav();

    原文入口

    一个小小后端的爬行痕迹
  • 相关阅读:
    201403-1
    201312-5 I’m stuck!
    201312-4
    201312-3
    201312-2 ISBN号码
    深度学习-李宏毅PPT总结
    梯度下降
    离散时间信号与系统-频域:5
    离散时间信号与系统-时域:4
    离散时间信号与系统-时域:3
  • 原文地址:https://www.cnblogs.com/heikedeblack/p/14251270.html
Copyright © 2011-2022 走看看