美文网首页
JS—-this指向(二)

JS—-this指向(二)

作者: 大山里的前端攻城狮 | 来源:发表于2019-02-28 20:37 被阅读0次

    箭头函数中this对象就是定义时所在的作用域,也就是说箭头函数本身没有this,内部的this就是外层代码块作用域中的this。

    1、独立函数

    该箭头函数在全局环境中定义,即this指向window

    2、对象的方法

    如上所示,foo在全局中定义,所以this指向window,那么如何使this指向obj?

    根据上一篇介绍,当函数作为对象的方法调用时this指向该对象,可以这样改写:

    func在foo调用时定义,此时的foo所在作用域为obj,因此this指向obj

    3、构造函数,因箭头函数没有this,固不能用作构造函数,否则会报错

    4、bind/call

    如上:func定义在全局,因此打印0,同对象方法,我们可以通过如下改写,打印出1

    我是一名从事了5年前端的程序员,辞职目前在做讲师,今年年初整理了一份适合2019年学习的web前端干货,从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理,免费送给每一位前端小伙伴,这里是小白聚集地,欢迎初学和进阶中的小伙伴。加微信:wwo2519

    相关文章

      网友评论

          本文标题:JS—-this指向(二)

          本文链接:https://www.haomeiwen.com/subject/njtluqtx.html