zoukankan      html  css  js  c++  java
  • 箭头函数的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了

  • 相关阅读:
    视图中访问 路由参数
    视图中的Layout使用(转)
    js判断浏览器类型以及版本
    再关于IE11
    关于IE11
    js获取当前页面的网址域名地址
    contenteditable 属性
    HTMl5的sessionStorage和localStorage(转)
    c 数组做为形參时 该參数退化为指针
    汉诺塔-递归实现
  • 原文地址:https://www.cnblogs.com/kungfupan/p/9742871.html
Copyright © 2011-2022 走看看