javascript中嵌套匿名方法的闭包

时间:2012-08-06 19:09:50

标签: javascript closures anonymous-methods

我试图在几个级别的嵌套匿名javascript方法调用中深入设置对象(类)级别的变量值。我该怎么做?

这是一些代码来解释我想要做的事情。免责声明:我对javascript中的闭包概念不太满意,所以我可能会走错路。任何关于实现我想做的简洁方法的建议都将不胜感激。

// FileUtils object.
var FileUtils = function () {
    // Member variables.
    this.ConfRootDir = null;
};

// Method to get a file entry.
// successCallback has to be a method with a FileEntry object.
FileUtils.prototype.getFileEntry = function (fileName, successCallback) {
    if (this.ConfRootDir == null) {
        var thisObj = this;
        // Request the root filesystem 
            // [** 1st callback, using anon method]
        window.requestFileSystem(LocalFileSystem.PERSISTENT, 0,
            function (fileSystem) {                        
                // Get the root directory of the file system.
                var rootDir = fileSystem.root;
                // Get the ConferenceToGo directory, or create if required.
                // [** 2nd callback, using anon method]
                rootDir.getDirectory("ConferenceToGo", { create: true, exclusive: false },
                    function (confDir) {
                        // Set values for future use 
                        // [** Definitely wrong scoping. The class level variable 
                        // can't be accessed using 'this'. What to do? **]
                        this.ConfRootDir = confDir;
                        // Now try getting the handle for the list file.
                        //  [** 3rd callback, using anon method. Irrelevant at this point.]
                        this.ConfRootDir.getFile(fileName, { create: false },
                            successCallback, // Success callback [getFile]
                            function (error) {
                                logError("Unable to retrieve file: ", true, true, error);
                            }); // Failure callback [getFile]
                    }, // Success callback [getDirectory]
                    function (error) { logError("Unable to create new directory: ", true, true, error); }); // Failure callback [getDirectory]
            }, // Success callback [requestFileSystem]
            function (error) { logError("Problem reading file system: ", true, true, error); }
        );
    }
}

我知道范围(通过使用'this')在上面的代码中都是错误的,但不知道如何正确使用它。我已经看到了一些关于绑定到上下文的答案(比如this one),但我使用的是匿名方法,这使得它变得更难。注意:虽然我在这里只展示了FileUtils原型中的一种方法,但还有一些方法。

那些知道的人可能会认识到我使用的是cordova(PhoneGap)库中的方法,用于HTML5和JS中的跨平台移动开发,但这并不是很重要。

1 个答案:

答案 0 :(得分:1)

… function() { function() { function() { …
                    // Set values for future use 
                    // [** Definitely wrong scoping. The class level variable 
                    // can't be accessed using 'this'. What to do? **]
                    this.ConfRootDir = confDir;

您已经准备好了答案:thisObj.ConfRootDirthisObj变量在嵌套函数的范围内可用,并且仍然指向外部getFileEntry函数的this keyword,即指向FileUtils实例。