'load' 方法回调中的 'this' 的 Javascript 问题

Question

我创建了一个“页面类”和一个关联的“加载”方法。

加载完美，但我无法修改属性 回调方法中的那个页面， 虽然我不能引用页面名称属性！！！

功能页（页）{ this.page = 页； this.firstLoad = true; this.pageName = this.page.split('.')[0].split('/')[1]; this.loaded = false; } Page.prototype.load = function () { var that = this; $("#content").html(); $("#content").load(this.page, function () { $.getScript("PagesViewModel/" + that.pageName + "ViewModel.js"); that.loaded = true; }); }

this.loaded 总是假的！！！

感谢您的帮助

问候

Answer 1

由于您的$.load 方法是异步的，所以当您的Page.prototype.load 方法返回时，this.loaded 将始终为false，并且在$.load 方法返回之前不会切换为true。

所以，在这一行：

that.loaded = true;

loaded 的值在您设置之前为 false，在设置之后为 true。问题是 Page.prototype.load 方法已经返回，甚至在您的 ajax 请求完成之前。您可以发布您检查loaded 值的代码吗？

Answer 2

您需要全局定义实例，以防执行外部 ajax 调用。

功能测试（实例名称）{ this.instancename = 实例名； this.sayHello = 函数（数据）{ 警报（“你好”+数据）； } $.getJSON(url, params, this.instancename+".sayHello"); } var k = 新测试（“k”）；

由于响应来自其他来源，您需要全局定义您的实例。