几道很好的this指向的题目。
执行上下文的创建阶段:
- this指向的确定,
- 确定作用域链,
- 创建词法环境和变量环境。
关于this我的理解:
- 是否形成一个新的作用域(新的执行上下文),有的话this指向就改变新创建的作用域,否则就指向全局作用域。
- this是在调用的时候改变的。
var a = 20; function foo() { var a = 1; var obj = { a: 10, // c: this.a + 20, fn: function () { return this.a; } } return obj.fn(); } let f = obj.fn; console.log(f())// 20 未调用,在全局作用域中调用的。 let ff = obj.fn(); console.log(ff) // 10 // 作用域是obj
use strict; var a = 20; function foo() { var a = 1; var obj = { a: 10, c: this.a + 20, fn: function () { return this.a; } } return obj.c; } // this.a 没有形成新的作用域,所以指向全局。 console.log(window.foo()); // 40 console.log(foo()); // 报错,严格模式下,函数独立调用,函数内部的this只想undefined。
箭头函数的this指向最近一层的非箭头函数,否则指向全局。
var name = window; var student = { name: student, doSth: function(){ var arrowDoSth = () => { console.log(this.name); } arrowDoSth(); }, arrowDoSth2: () => { console.log(this.name); } } student.doSth(); // student arrowDoSth中的this指向最近一层非箭头函数,所以只想doSth。 student.arrowDoSth2(); // window,arrowDoSth2最近一层没有箭头函数,所以arrowDoSth2中的this指向window。
若川大佬:面试官问:JS的this指向, 这波能反杀大佬:全方位解读this。
上一篇:
通过多线程提高代码的执行效率例子
下一篇:
深度学习训练数据中的特征重要性排名