绑定“这个”在数组的循环中

发布于 2024-10-18 07:59:42 字数 484 浏览 2 评论 0原文

我有一个带有命名空间的 Javascript 函数，并且我正在使用 Prototype 来执行函数。示例代码：

GUI.Title = {
 initialise: function() {
  var elements = $$('a');

  this.show(); /* now it refers to the namespace */

  elements.each(function(element) {
   this.show(); /* this refers to the window object, not to the namespace */
  });

},
 show: function() {
  element.show();
 }
}

“this”指的是每个函数外部的命名空间，而每个它内部的命名空间则指的是窗口。

有人可以向我解释如何在每个循环中使用“this”作为命名空间的引用吗？

我正在使用原型。

原文

I have a Javascript function with a namespace and I am using Prototype to execute a function. Example code:

GUI.Title = {
 initialise: function() {
  var elements = $('a');

  this.show(); /* now it refers to the namespace */

  elements.each(function(element) {
   this.show(); /* this refers to the window object, not to the namespace */
  });

},
 show: function() {
  element.show();
 }
}

'this' refers to the namespace outside the each-function and inside the each it refers to the window.

Can someone explain to me how I can use 'this' in the each-loop as a referer to the namespace?

I am using Prototype.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

何止钟意 2024-10-25 07:59:42

使用 Prototype 的 bind 方法来修改函数内 this 的含义。

elements.each(function(element) {
   this.show();
}.bind(this));

Use Prototype's bind method to modify what this means inside the function.

elements.each(function(element) {
   this.show();
}.bind(this));

回复收藏 0 原文

凡间太子 2024-10-25 07:59:42

替换

this.show(); /* now it refers to the namespace */

elements.each(function(element) {
   this.show(); /* this refers to the window object, not to the namespace */
});

为

var scope = this;
elements.each(function(element) {
   scope.show(); /* this refers to the window object, not to the namespace */
});

您正在做的事情是创建一个闭包，“范围”变量在词法上“封闭”到您的每个函数。请注意，这种方法不是特定于原型的，它是一种通用的 JavaScript 技术。

replace

this.show(); /* now it refers to the namespace */

elements.each(function(element) {
   this.show(); /* this refers to the window object, not to the namespace */
});

with

var scope = this;
elements.each(function(element) {
   scope.show(); /* this refers to the window object, not to the namespace */
});

what you are doing is creating a closure, the 'scope' var gets 'closed-in' to your each function lexically. Note that this approach is not prototype specific, it's a general javascript technique.

回复收藏 0 原文

~没有更多了~