箭头函数 setTimeout this指向

今天面试的时候被问到了箭头函数和普通函数中的程序输出问题,归来实践验证一下。本文核心的三大理论依据:

  1. 普通函数的this指向看调用,箭头函数的this指向看声明,指向声明时候的父级作用域;
  2. setTimeout会延迟函数的声明

example1:

箭头函数 setTimeout this指向_第1张图片

分析:

根据第1条,可知,声明时就已经确定了this的指向为父级作用域,也就是window

所以输出undefined;

example2:

箭头函数 setTimeout this指向_第2张图片

根据第1条,可知,调用的时候确定this的指向,为app1

example3

箭头函数 setTimeout this指向_第3张图片

根据第1条,可知,setTimeout中的函数的父级是app1,所以是指向app1

example4

箭头函数 setTimeout this指向_第4张图片

因为setTimeout中的this指向全局变量

example5

箭头函数 setTimeout this指向_第5张图片

因为普通函数中,setTimeout中的this指向全局变量

因为setTimeout中重新声明了一个函数(而且是全局的),所以这个函数在调用的时候并不是作为app1的方法调用,而是作为一个函数调用,所以是window 

再举一例

箭头函数 setTimeout this指向_第6张图片

example6

箭头函数 setTimeout this指向_第7张图片

你可能感兴趣的:(前端学习,javascript入门,this指向,箭头函数)