4

在 Titanium 下开发我在 OOP JavaScript 和事件处理程序范围内遇到了这种奇怪的行为。这是我的代码：

MyClass = function()
{
   this.var1 = '50';
   this.button = Ti.UI.createButton({
      ...
   });
   this.button.parentRef = this;
   this.button.addEventListener('click', function(e){
      var self = e.source.parentRef;
      console.log(self.var1);
      console.log(self.var2);
   });

   this.var2 = 'Test';
   ...
   /* this.button is then added to a view */
};
... 
var c = new MyClass();
...

当我单击按钮时，我希望在控制台中找到：

50
Test

但实际上结果是：

50
<null>

如果我移动作业

this.var2 = '测试'

之前

this.button.addEventListener

语句，结果是：

50
Test

听起来 this.button.parentRef = 这个分配是通过复制而不是通过引用...

这种行为的原因是什么？

4

1 回答 1

6

你是对的。

您正在做的事情与 Titanium 有问题，每当您向Titanium本机对象添加属性时，它都是按值传递的，因为底层对象（您的视图）实际上是映射到 JavaScript 对象的本机。所以会发生什么是该对象的当前值（在您的情况下this）通过 Javascript-to-native 桥发送并设置为本机对象的属性（或类似的东西）。

归结为，您设置的本机对象上的任何属性几乎都被该对象克隆，这就是您看到上述功能的原因。

那么有什么方法可以解决这个问题呢？

这是简单的方法：

var self = this;
this.button.addEventListener('click', function(e){
    console.log(self.var1);
    console.log(self.var2);
});

它在某种程度上污染了您的按钮侦听器范围，但至少它不在全局范围内。

于 2013-09-26T15:07:42.910 回答