JavaScript“this”混淆

Question

这可能很容易，但我很困惑，所以也许今天我还能学到更多。我正在尝试执行以下操作：

var myObj=｛｝；myObj.src={}我的对象.src。A=['1.png'、'2.png'和'3.png']；myObj.A=新图像（）；myObj.A.src=this.src。A[0]；

这将导致Uncaught TypeError:无法读取未定义的属性“A”错误。当我使用我的对象.src。答[0]而不是这它工作得很好。

在这种情况下，正确的使用方法是什么？

Answer 1

这指执行代码的对象上下文。所以如果一个对象有一个方法a方法，然后在里面a方法 这引用拥有它的对象。

我假设您的代码在全局命名空间中运行，所以这未定义。真的你只是想myObj.A.src=myObj.src.A[0]；.

http://www.quirksmode.org/js/this.html

Answer 2

这个这关键字总是不同的，这取决于所涉及的范围。在上面发布的代码片段中，假设您只是将其放在文档的头部某处，这指的是页面本身。因此，很明显，在这一点上这个src。A类将是未定义的。如果您要将事件应用于代理，例如：

myObj.click=函数（）{警报（this.src.A[0]）；}

这个这关键字接收一个属于委托所有者的新作用域（在本例中为myObj）。这只要明确定义范围和范围边界，就很容易跟踪。

Answer 3

这不是指变量myObj在代码的情况下。很可能，如果您不在函数或对象方法的范围内，那么这是指DOM窗口它没有属性源代码。A类

Answer 4

这在JavaScript中，函数的调用严重依赖于上下文。如果您的代码（如上图所示）只是挂在页面中的脚本标记中，那么这将是“全局”上下文--在浏览器中是窗口对象。

一般来说，这指的是函数所属的对象/范围，但由于函数是可以分配给不同对象并在不同上下文中调用的第一类值，因此会出现许多特殊（有用）情况。

其他人写的一些冗长的阐述可能会有所帮助：

• https://stackoverflow.com/a/3320706/87170
• http://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/
• http://net.tutsplus.com/tutorials/javascript-ajax/fully-understanding-the-this-keyword/
• https://developer.mozilla.org/en/JavaScript/Reference/Operators/Special_Operators/this_Operator

这在一开始似乎有点棘手，特别是如果你习惯了使用以下语言这是总是有一件事，但在你学习了一些规则之后，它变得相当简单，实际上非常有用。

Answer 5

我的对象.src。答[0]在这种情况下是正确的，因为这引用其直系父级。