this作用域问题

2011-07-07 03:30:15 214 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

【Javascript】深入理解this作用域问题以及new/let/var/const对this作用域的影响理解this作用域《javascript高级程序设计》中有说到: this对象是在运行时基于函数的执行环境绑定的：在全局函数中，this等于window，而当函数被作为某个对象调用时，this等于那个对象。不过，匿名函数具有全局性，因此this对象同常指向window 针对于匿名函数this具有全局性的观点仍是有争议的，可参考 https://www.zhihu.com/question/2... 阅读详情

...全文

uniapp无感刷新token实现过程可以看到已经触发了刷新token接口，并且重新请求上次失败的列表接口，无感刷新token逻辑已经正常，但为什么列表接口请求成功，还一直loading没关闭捏，就是因为后续代码未执行，await接口的返回没有成功resolve。路漫漫其修远兮，前端道路逐渐迷茫，时隔好久好久终于想起了我还有一个小博客，最近在一直在弄uniapp，属实有被恶心到，但也至少会用了，最近实现了一个比较通用的功能，就是无感刷新token，但在过程中发现一个问题就是。3、排查await的列表接口为何没有成功resolve。阅读详情

dongqishu

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

dongqishu 2011-07-07

打赏
举报

又试了一下，

            function a() { alert(this) }

            a();

定义一个函数，alert(this)的结果就是[object window]

Li103ZzZ 2011-07-07

打赏
举报

http://topic.csdn.net/u/20070604/13/22753f84-3634-478e-aed3-f5dfe8958153.html

kyzy_yy_pm 2011-07-07

打赏
举报

[Quote=引用 5 楼 dongqishu 的回复:]

3楼的有道理。

4楼的好像有问题，this好像代表的不是当前的function。因为我改成

var o = {
x: 10,
doIt: function doIt() {
var x = 20;
setTimeout(function() {
alert(this);
}, 10);
}
};
o.doIt();

弹出的是……
[/Quote]
看来是我弄错了

dongqishu 2011-07-07

打赏
举报

setTimeout(function() {
alert(this.x)//这里的this，以经不是o这个对象了，是顶层的window对象，window对象下没有 x属性，自然弹出undefined了
}, 10);
那这里为什么是window调用它呢？function(){}是个匿名函数，感觉没人调用它？

lsw645645645 2011-07-07

打赏
举报

this 指向改变了。谁调用指向谁

dongqishu 2011-07-07

打赏
举报

3楼的有道理。

4楼的好像有问题，this好像代表的不是当前的function。因为我改成

var o = {
x: 10,
doIt: function doIt() {
var x = 20;
setTimeout(function() {
alert(this);
}, 10);
}
};
o.doIt();

弹出的是[object window]

kyzy_yy_pm 2011-07-07

打赏
举报

setTimeout(function() {
alert(this.x);
}, 10)

这里的this代表的是当前的function，可是当前function并没用x这个属性，要想用到你需要如此：

setTimeout(function(x) {
alert(x);
}, 10)

挨踢直男 2011-07-07

打赏
举报

Function.prototype.bind= function(x)
{
var f = this;
return function()
{
f.call(x)
}
}

var o = {
x: 10,
doIt: function doIt() {
var x = 20;
alert(x);
alert(this.x);
setTimeout(function() {
alert(this.x)
}.bind(this), 10);
}
};
o.doIt();

或者这样，改变方法调用的对象

挨踢直男 2011-07-07

打赏
举报

x="111"//这个加上看看
var o = {
x: 10,
doIt: function doIt() {
var x = 20;
alert(x);
alert(this.x);
setTimeout(function() {
alert(this.x)//这里的this，以经不是o这个对象了，是顶层的window对象，window对象下没有 x属性，自然弹出undefined了
}, 10);
}
};
o.doIt();

xjh103 2011-07-07

打赏
举报

作用域的问题

this作用域问题

相关推荐