Javascript递归函数参考

Question

我正在尝试创建一个函数，该函数将生成类似树的结构，以便每个项目都包含对其父项目的引用。

我创建了孩子，但我与它有一个艰难的时候调用自身的函数，似乎一旦从自身内部叫this还是指顶级项目，而不是当前的一个。

登录控制台以查看项目是什么，我可以看到父项比第一级深时总是引用链中的第一项（或不存在）。 它创建了树，但是除了第一个以外，对于父项的引用都丢失了。

var Item = function (item, parent) {
  console.log('item is :' + item.name);
  this.parent = parent;
  console.log('parent is: ' + parent);
  var fields = _.union(_.keys(item), _.keys(this.parent));
  _.each(_.without(fields, ['parent','children']), function (prop) {
    this[prop] = angular.isDefined(item[prop]) ? item[prop] : this.parent[prop];
  }, this);

  this.children = [];
  if (item.children) {
    this.children = _.map(item.children, function (child) {
      console.log('this is : ' + this);
      return new Item(child, this)
    }, this);
  }
};

var tree = new Item(root, {});

进行麻烦时有点麻烦，但是这里有一些示例数据：

var root = JSON.parse('{"id":"1","name":"root item","root":"1","lft":"1","rgt":"22","level":"1","type":
"category","parent_id":"1","deadline":null,
"children":[
{"id":"2","name":"item 1","root":"1","lft":"14","rgt":"15","level":"2","type":"category","parent_id":"1"}, 
{"id":"6","name":"item 2","root":"1","lft":"16","rgt":"19","level":"2","type":"category","parent_id":"1"}, 
{"id":"10","name":"item 3","root":"1","lft":"20","rgt":"21","level":"2","type":"item","parent_id":"1"}]}');

Answer 1

它为我完成了工作。 我稍微简化了代码，并添加了孙子项。 看看： http : //jsfiddle.net/7QYQL/1/

 
 
 
  
  var grandchild = {}; grandchild.name = 'grandchild'; var child = {}; child.name = 'child'; child.children = []; child.children[0] = grandchild; var root = {}; root.name = 'root'; root.children = []; root.children[0] = child;
 
  

问题是_.without（），它将列表而不是数组作为第二个参数。

_.without(fields, 'parent','children')

这一项有效： http : //jsfiddle.net/eRbhm/13/

Answer 2

问题出在您使用_.without方法 。 要排除的元素作为可变数量的参数而不是作为数组传递。

错误的用法：

_.without(['a','b'],['a'])

结果为['a', 'b'] （不是您想要的）

鉴于：

_.without(['a','b'],'a')

产生预期的结果： ['b']

这是修复程序的更新小提琴 。

注意：为避免循环引用，我在“结果”输出中打印出parent.id而不是parent 。