关于箭头函数 this的指向问题

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

箭头函数  填 坑。

this的指向是   向上查找  非箭头函数的函数归属

this就指向这个归属

例如:

        function fn(){

            return ()=>{

                console.log(this)

            }

        }

        fn()()  //this =>>window

        function fn() {

            return function () {

                return () => {

                    console.log(this)

                }

            }

        }

        fn()()() //this =>>window

function fn() {

var obj={

f:function (){

return ()=> {

console.log(this)

}

  }

}

return obj

}

fn().f()() //this =>>f函数

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,110评论 1 10
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,208评论 0 13
  • 与其他语言相比,函数的this关键字在JavaScript中的表现略有不同,此外,在严格模式和非严格模式之间也会有...
    codingC阅读 587评论 0 0
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,060评论 0 2
  • 关于this指向问题的讨论一直是学习js不可忽视的重要部分,那些一个又一个围绕this挖的笔试坑,仿佛永远也填不完...
    sunnyghx阅读 580评论 0 0