• 箭头函数的this指向


    es6的箭头函数中this指向是跟普通function中的this指向不同的,普通function的this指向取决于调用function的对象,

    而箭头函数的this指向取决于声明它的对象,看下面这个例子

           var a1 = 1;
                function func1(){
                    this.a1 = 2;
                    console.log(this.a1);
                }
                var func2 = () =>{
                    console.log(this.a1)
                }
                function func3(){
                    this.say = () =>{
                        console.log(this.a1)
                    }
                }
                new func1();//2
                func2();//1
                new func3().say();//undefined

    func1因为是new形式调用的,func1充当了一个构造器的作用,所以this是指向func1所构造的一个实例,因此func1中的this指向func1实例,而非全局作用域

    func2是箭头函数,不过要注意func2不能以new的形式调用,而func2是在全局作用域被声明的,所以func2内访问this.a1相当于window.a1即全局变量a1

    func3的作用域内声明了名为say的箭头函数,所以以构造器函数形式调用func3时,func3.say方法this指向的是func3的实例,但是func3并没有定义名为a1的成员变量,所以最后打印结果就是undefined了

  • 相关阅读:
    【转】深入分析事务的隔离级别
    gluoncv 用已经训练好的模型参数,检测物体
    gluoncv 目标检测,训练自己的数据集
    SMB linux&windows共享文件
    VOC 数据集
    yaml 配置文件
    SSD 单发多框检测
    目标检测数据集(皮卡丘)
    zip 函数
    输出预测边界框,NMS非极大值抑制
  • 原文地址:https://www.cnblogs.com/kungfupan/p/9742871.html
Copyright © 2020-2023  润新知