代码块中this指向问题

不可名状邵雅虎 2021-11-30 13:55:06

如图，在区域中this指向并没有指向李四，而是undefined，这是啥情况啊，这里面的this指的难道不是黄色花括号的区域嘛？虽然直接用console.log(name)是可以输出李四的，就觉得疑惑。

...全文

97 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

看客008 2021-12-01

打赏
举报

回复

你这个写法，this的指向是window，name只是声明的一个变量，不是window的一个属性，如果你吧let name='李四'改成 this.name = '李四'，就会输出李四了

不可名状邵雅虎 2021-12-01

举报

回复

@看客008 求教了，但是如果黄括号里的this指向window的话，那黄色的花括号的区域是不是不起作用？还是说最外围的区域默认为window？另外还有一个疑惑，我将let修改为var也尝试过是不起作用的，和我认知产生偏差，var定义的变量不是顶级变量（window属性)嘛？谢谢谢谢解答

看客008 2021-12-02

举报

回复

@不可名状邵雅虎所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法。这里用let不可以是因为作用域不是全局作用域，你这里用let声明，去掉外层的花括号变成全局作用域就可以啦；var没有块级作用域，但是有函数作用域，你这里写的部分如果是写在全局作用域里，改成var name='李四'也是可以输出李四的，希望对你有帮助

在setTimeOut()或setInterval()这样的方法中，如果传入的函数包含this, 那么，默认情况下，函数中的this会指向window对象。这是由于setTimeout()调用的代码运行在与所在函数完全分离的执行环境上。这会导致这些代码中包含的 this 关键字会指向 window (或全局)对象。百度了网上的解决方法，如下 1.将当前对象的this存为一个变量 ...

1、箭头函数中的 this 是在声明中就定义好了的，而普通函数中的 this 则是在调用时定义好的。2、基本上可以归为五类：① 全局this指向是window ② 普通函数this的指向是调用者③ 构造函数的this是new之后的新对象 ④ 箭头函数this的指向的是其父级指向⑤ call、 apply、bind的this指向的是第一个参数JavaScript 中的this用一句话来概括，就是在执行时确定的。

ES5和ES6的this指向不同，原因在于ES5中的this指向是在执行时。而ES6中的this指向是在定义时，下面我用代码去说明this指向问题 let obj = {//这个上下文环境是window thist: this, names :"小张", foo:function(){//这个上下文环境是obj ...

结论普通函数中this指向函数的对象箭头函数中的this指向该函数所在作用域指向的对象关于作用域是什么，可以自行Google一下，后面会用例子说明 1.普通函数代码： function test(){ var a = 1; console.log(this.a); } test(); //undefined 由于test函数是直接在外层函数运行的，所以test是被window对象调用的，所以这里的 this.a 对应的应该是全局变量而不是test函数里的局部变量，故输出unde

JavaScript的this的指向详解 this的指向一直是困扰前端小白的难题，作为小白的我用掉了好多头发的能量，稍微总结出来一点经验！！！关于this的指向，主要有一下几个版块， ①全局环境下的this指向 ②函数内的this ③对象中的this ④箭头函数中的this ⑤构造函数中的this ⑥原型链中的this 【补充一点】关于this，谁调用就指向谁，箭头函数在下面做单独讨论。一、全局环境下的this指向在全局作用域下，this始终指向全局对象window，无论是否是严格模式！ congs

87,996

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章