javascript-如何将Backbone函数作为参数传递

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何将Backbone函数作为参数传递，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1492字，纯文字阅读大概需要3分钟。

内容图文

我要求将骨干视图中的一个函数传递到同一视图中的另一个函数中.我使用了以下方法,该方法对于全局函数非常有效.但是,当涉及到Backbone视图实例时,它是行不通的.

我认为问题在于传递的函数的上下文不正确-请注意,这会在控制台中打印不同的对象.

如何正确传递函数并在正确的上下文中调用函数？

JSFiddle

//Backbone view
mainFunc: function(){
    this.intermediateFunc(this.ABC);
}
intermediateFunc : function(callback){
    console.log(this); //prints the correct view
    callback();
}
ABC : function(){
    console.log(this); //prints 'window' when passed through a function
}

解决方法:

最简单的方法是使用Function.prototype.bind将适当的内容绑定到您的函数.像这样：

mainFunc: function(){
    this.intermediateFunc(this.ABC.bind(this));
}

回调的另一种常见方法是允许调用者提供所需的this并允许Function.prototype.call或Function.prototype.apply使用：

mainFunc: function(){
    this.intermediateFunc(this.ABC, this);
},
intermediateFunc : function(callback, context) {
    console.log(this); //prints the correct view
    if(context)
        callback.call(context);
    else
        callback();
}

这种方法的一个变体可以假定上下文应该在中间体函数中是这样的：

mainFunc: function(){
    this.intermediateFunc(this.ABC, this);
},
intermediateFunc : function(callback, context) {
    console.log(this); //prints the correct view
    context = context || this;
    callback.call(context);
}

如果您希望回调几乎总是视图的方法之一(或纯函数),则这可能很有用.

另一种方法是使用旧的var _this =此技巧,并将匿名函数传递给middleFunc：

mainFunc: function() {
    var _this = this;
    this.intermediateFunc(function() { return _this.ABC() });
}

内容总结

以上是互联网集市为您收集整理的javascript-如何将Backbone函数作为参数传递全部内容，希望文章能够帮你解决javascript-如何将Backbone函数作为参数传递所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端