0

我有 3 种方法

exports.getImageById = function (resultFn, id) {
 ...
}

exports.getCollectionById = function (resultFn, id) {
}

在第三种方法中,我想同时调用这两种方法

exports.getCollectionImages = function (resultFn, collectionId) {

var arr = new Array();

this.getCollectionById(   // fine, 1st call
    function (result) {
        var images = result.image;
        for (i = 0; i < images.length; i++) {
            this.getImageById(function (result1) {   // error, 2nd call
                    arr[i] = result1;
                }, images[i]
            );

         }
    }
    , collectionId
);

resultFn(arr);
}

我可以调用第一个函数this.getCollectionById,但调用失败this.getImageById,它说未定义函数,这是什么原因?

4

2 回答 2

4

当您调用this.getCollectionById将其传递给回调时,回调无法访问相同的this

最简单的解决方案是保存this为局部变量。

exports.getCollectionImages = function (resultFn, collectionId) {    
    var arr = new Array();        
    var me = this; // Save this
    this.getCollectionById(   // fine, 1st call
        function (result) {
            var images = result.image;
            for (var i = 0; i < images.length; i++) {
                // Use me instead of this
                me.getImageById(function (result1) {   // error, 2nd call
                    arr[i] = result1;
                }, images[i]);
            }
        }, collectionId);
    resultFn(arr);
}
于 2012-12-07T18:21:08.163 回答
2

内部函数内部的值与this外部不同的对象,因为它取决于函数的调用方式。您可以在MDN 上的文章this中找到详细说明。

解决它的一种方法是this在另一个变量中保留对外部的引用,例如that

var that = this;
this.getCollectionById(   // fine, 1st call
    function (result) {
        var images = result.image;
        for (i = 0; i < images.length; i++) {
            that.getImageById(function (result1) {   // 2nd call
                    arr[i] = result1;
                }, images[i]
            );

        }
    }
    , collectionId
);
于 2012-12-07T18:21:24.007 回答