模块内的访问属性（CommonJS 样式）

Question

在 Appcelerator Titanium 中，我正在创建一个最初设置为某些文本的标签。然后我添加一个按钮，单击该按钮会调用 scanController 模块，并且该模块需要更改该文本。所以在 scanController 中，我在下面看到的 scanView 模块中调用setResultTxt() 方法。但是当它说myResultTxt 是空的！这是为什么呢？

我仍在使用 Titanium SDK 1.7.5，因为升级到较新版本时遇到问题。

这是该问题的完整工作示例：

app.js

var win = Titanium.UI.createWindow({  
    backgroundColor:'#fff',
    layout:"vertical"
});
win.open();

var module = require('scanView');

module.createScanPage(win);

scanView.js

var myResultTxt, theButton;

exports.createScanPage = function(theWindow) {
    myResultTxt = Ti.UI.createLabel({
        text: 'Some initial text',
        top:40,
    });
    theWindow.add(myResultTxt);

    theButton = Ti.UI.createButton({
        title: 'Do something',
        top:20
    });
    theButton.addEventListener('click', function() {
        alert('clicked');
        var b = require('scanController');
        b.startScanning();
    });
    theWindow.add(theButton);
};

exports.setResultText = function(str) {
    myResultTxt.text = str;
};

scanController.js

exports.startScanning = function() {
    var a = require('scanView');
    a.setResultText('My new text');
};

Answer 1

虽然循环引用应该使用 CommonJS (This thread suggests it) 我个人避免使用它们，因为你可能会得到意想不到的结果，尤其是在 Titanium 和不同平台上。

您可以使用回调或事件侦听器，在您的情况下都可以。

以下是回调解决方案的示例：

scanView.js

theButton.addEventListener('click', function() {
     var b = require('scanController');
     // You could pass an existing function as well 
     b.startScanning(function(response) {
         if(response && response.text) {
             myResultTxt.text = response.text;
         }
     });
});

scanController.js

exports.startScanning = function(callback) {
    callback({ text:'My new text'});
};

编辑：
要使任何模块都可以使用 setText，您可以设置一个全局事件监听器。 （我知道有些人认为这是不好的做法，主要是因为可能存在内存泄漏，但如果你在背后清理它是一个有价值的功能）。

app.js

Ti.App.addEventListener('app:setScanText', module.setResultText);

scanController.js

exports.startScanning = function() {
    Ti.App.fireEvent('app:setScanText', { text: 'My new text' });
};

scanView.js

exports.setResultText = function(response) {
    if(response && response.text) {
        myResultTxt.text = response.text;
    }
};

这是未经测试的。