javascript - 类方法中的上下文作为变量

标签 javascript oop function-binding

有一个类作为示例:

var Class = {
   initialize: function(data){
      this.data = data;
   },
   add: function(node){
      //add object
   },
   remove: function(node){
      //remove object
   },
   findByIndex: function(id){

   },
}

等等。

问题:如何将上下文导入findByIndex

例如,我需要在另一个类中使用 findByIndex 作为函数。 我知道它应该是bind,但是如何在我的类中使用它?

findByIndex:function(id, ???context???){
      ????
}

////////////////////////添加/////////////////// 这是方法

L.Bookmarks = L.Class.extend({
    findByIdRecursive: function(idNumber) {
        var data = this.childNodes;
        var returnItems = {};

        function callback(node) {
            if (parseInt(node.id) === idNumber)
                returnItems = node;
        };
        for (var i = data.length - 1; i >= 0; i--) {
            this.iterator(data[i], callback, this);
        };

        return returnItems;
    },

    iterator: function(node, callback, context) {
        console.log(this)
        callback.call(this, node);
        var nodes = node.childNodes;
        if (nodes === undefined) {
            return;
        };
        for (var i = 0; i < nodes.length; i++) {
            var iterNode = nodes[i];
            this.iterator(iterNode, callback, this);
        };
    },
});

这是另一个使用方法迭代器的类:

L.Book = L.Class.extend({
    findByIdRecursive: function(idNumber) {
        var data = this.childNodes;
        var returnItems = {};

        function callback(node) {
            console.log(this)
            if (parseInt(node.id) === idNumber)
                returnItems = node;
        };

        for (var i = data.length - 1; i >= 0; i--) {
            var itertator = L.Book.iterator.call(L.Bookmarks, data[i], callback)
        };

        return returnItems;
    },
});

如您所见,第二类没有方法迭代器。但最后它应该使用迭代器,比如owner(with context(this - L.Book))

最佳答案

使用.bind函数,您可以通过这种方式多次重复使用findByIndex

var Utils = {
   findByIndex: function(id){
      return this.data[id];
   }
}

var FirstObject = {
  data : {
    a : 'aaa',
    b : 'bbb'
  }
}

var SecondObject = {
  data : {
    d : 'ddd',
    e : 'eee'
  } 
}


console.log(Utils.findByIndex.call(SecondObject, 'd'))
console.log(Utils.findByIndex.call(FirstObject, 'a'))

关于javascript - 类方法中的上下文作为变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36775674/

相关文章:

javascript - 通过 JavaScript、jQuery 或 PHP 进行简单的 RSVP 表单验证?

javascript - Express、AJAX - res.send 不发送任何数据

javascript - 在保持宽度的同时切换字体系列

php - 在 OOP 中返回查询值

javascript - Function.bind.bind(Function.call) 如何取消柯里化(Currying)?

javascript - 每 1 分钟显示和隐藏 div

c++ - 在C++中使用指向内部类对象的指针作为外部类构造函数参数

php - PHP WEB开发的N层结构有哪些层次及其作用?

javascript - 广义 Curry - Javascript