Question

我是JS的新手。我有一个帮助程序类，它执行一些常见的服务器提取。目前，其中一个功能如下：

getAvailablePlatforms: function (platform) {
            var self = this;
            if (_.isUndefined(platform) || platform == '') {
                platform = "crystalproject";
            }

            $.ajax({
                url: '/api/platform/' + platform,
                dataType: 'json',
                contentType: 'application/json; charset=utf-8',
                success: function (data) {
                    console.log("Got data");
                    self.platforms = data;
                    self.eventAggregator.trigger('getplatforms');  
                },
            });
        }

所以我想尝试使其更灵活的是传入回调函数。所以我尝试了这个：

getAvailablePlatforms: function (platform, callback) {
            var self = this;
            if (_.isUndefined(platform) || platform == '') {
                platform = "crystalproject";
            }

            $.ajax({
                url: '/api/platform/' + platform,
                dataType: 'json',
                contentType: 'application/json; charset=utf-8',
                success: function (data) {
                    console.log("Got data");
                    self.platforms = data;
                    self.eventAggregator.trigger('getplatforms');  
                    if (callback && typeof(callback) === "function") {
                        callback(data);
                    }
                },
            });
        }

我想如何调用它，就像这样：

var helper = new Helper();
helper.getAvailablePlatforms('', this.populatePlatforms(???????));

我希望我的回调函数使用它在回调中收到的数据。我怎样才能做到这一点？先谢谢！

Answer 1

您只需传入函数参考。你不想通过在传递回调时结束它()来调用函数，而不是函数引用，回调最终会成为函数的结果（如果没有返回它将是未定义的）。 populatePlatforms getAvailablePlatforms: function (platform, callback) {

所以你想要：

helper.getAvailablePlatforms('', this.populatePlatforms);

要传递上下文，请使用ecmascript5 function.prototype.bind函数。

helper.getAvailablePlatforms('', this.populatePlatforms.bind(this));

将回调函数和参数传递给javascript函数

1 个答案: