关于箭头函数 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函数

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

推荐阅读更多精彩内容

  • ES6 允许使用 “ 箭头 ” (=>)定义函数。 箭头函数 填 坑。 this的指向是 向上查找 非箭头函数的函...
    1263536889阅读 1,527评论 0 1
  • ES6 允许使用 “ 箭头 ” (=>)定义函数。 箭头函数 填 坑。 this的指向是 向上查找 非箭头函数的...
    kismetajun阅读 4,216评论 0 12
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 9,689评论 0 13
  • 与其他语言相比,函数的this关键字在JavaScript中的表现略有不同,此外,在严格模式和非严格模式之间也会有...
    codingC阅读 3,630评论 0 0
  • 最近手机微信里的公众号都在写《你的名字》这部电影,看来是口碑很好的,趁着周末去看了。 亘古不变的爱情故事,一次次加...
    不二耳阅读 2,656评论 2 1