繁体   English   中英

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

[英]passing callback function and parameters to a javascript function

我是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(???????));

我希望我的回调函数使用它在回调中收到的数据。 我怎样才能做到这一点? 提前致谢!

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

所以你想要:

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

对于在上下文中传递使用ecmascript5 function.prototype.bind函数。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM