在 Javascript 中的函数之间传递变量 (Titanium Studio Desktop)

Question

希望我能很好地阐明这个问题。我正在 Titanium Desktop 中开发一个简单的音频播放器。我现在关注的主要代码如下：

function pickMusicFolder (){
    var win = Titanium.UI.getCurrentWindow();

    win.openFolderChooserDialog(function(folderResponse) {
        var file = Titanium.Filesystem.getFile(folderResponse[0]);
        var listing = file.getDirectoryListing();
        for (var i = 0; i < listing.length; i++) {
            if (listing[i].isDirectory()) {
                // if the listing is a directory, skip over it
                $('#main').append('DIRECTORY: ' + listing[i].nativePath() +
                    '<br />');
                // continue;
            }
            else {
                // otherwise, print the filename of the file to the #main content window
                var songOnList = listing[i].nativePath();
                var songURL = songOnList.replace(/\\/g,"/");
                $('#main ul').append('<li><a href="javascript:playSong(\'' + songURL + '\')">' + songURL + '</a></li>');
            }
        }
    });
};

function playSong(songURL){
    var currentSong = Titanium.Media.createSound(songURL);
    currentSong.play();

    this.stopPlayback = stopPlayback;

    function stopPlayback(currentSong){
        currentSong.stop();
    }
}

然后是相关的 HTML：

<input type="image" src="img/player_stop.png" name="stopPlayback" onClick="playSong.stopPlayback(songURL)" />
<input type="image" src="img/folder_add.png" name="pickMusicFolder" onClick="pickMusicFolder()" />

现在，pickMusicFolder 和 playSong 本身都可以正常工作。但是，stopPlayback 不起作用，我很难掌握如何处理播放和停止音频的不同函数，因为生成可点击链接的代码完全划分在 pickMusicFolder 函数中，而停止播放的代码播放仅附加到一个单独的界面按钮。

我只需要访问多个函数之间的 SongURL 变量，以便能够在播放（或不播放）一首歌曲时对其执行操作。我避免诉诸全局变量，因为我发现这有点逃避。

有人有什么想法吗？非常感谢任何提示！ （哦，请忽略我丑陋的代码；在发布之前尝试了一堆 hack-y 解决方案。）

Answer 1

很快的解决方案是将 currentSong 存储为函数 playSong 的属性：

function playSong(songURL){
  var currentSong = Titanium.Media.createSound(songURL);
  playSong.currentSong = currentSong; // store curernt playing song as property of function
  currentSong.play();
}

playSong.stopPlayback = function() {
  if (playSong.currentSong) {
    playSong.currentSong.stop();
    delete playSong.currentSong;
  }
};

当歌曲停止时，只需删除此属性，这意味着现在没有歌曲正在播放

Answer 2

你应该使用闭包。请参阅下面的

var stopPlayback = function() { /* Placeholder, defined later */ };

var playSong = function(songURL){
  var currentSong = Titanium.Media.createSound(songURL);
  currentSong.play();

  // Redefine stopSong in the parent scope
  stopPlayback = function(){
    // currentSong is available to this function via closure
    currentSong.stop();
  }
}

HTML 编辑

<input type="image" src="img/player_stop.png" name="stopPlayback" onClick="stopPlayback()" />

作为旁注，您不应该使用 HTML 属性来附加 JavaScript 事件。 这是一个关于事件附件的精彩系列，但您真正应该阅读的是这一部分。此外，每个 JS 库都提供了附加事件的方法，让您的生活更轻松。