es5中的销毁分配支持问题

时间:2019-03-29 14:43:23

标签: javascript ecmascript-6 ecmascript-5

我遇到了一部分使用解构分配的代码的问题,这在es5中不受支持。 (吞咽产生的问题)。

我已经删除了所有的es6箭头并改用了函数,但是我不知道如何将解构分配恢复到ES5:

var result2 = Object.values(
  zones.reduce(function (a, {id,name,card,request,res}) {
    a[id] || (a[id] = {id, card, name, unique_cards: new Set(), nb_carte: 0, request: {}, res: {} });
    a[id].unique_cards.add(card);
    a[id].nb_carte = a[id].unique_cards.size;
    Object.keys(request).forEach(function (k) {
      (a[id].request[k] = (a[id].request[k] || 0) + request[k])
    });
    Object.keys(res).forEach(function (k) {
      (a[id].res[k] = (a[id].res[k] || 0) + res[k])
    });
    return a;
  }, Object.create(null))
);

实际错误是:

  

当前的JavaScript版本不支持解构分配

1 个答案:

答案 0 :(得分:2)

删除去结构,然后将原始对象分配给变量(在示例中为o)。然后手动将所需的属性分配给变量。

@Dehli noted一样,您还应该将shorthand property names更改为手动分配。

var result2 = Object.values(
  zones.reduce(function(a, o) {
    var id = o.id, name = o.name, card = o.card, request = o.request, res = o.res;
    a[id] || (a[id] = {
      id: id, // change from shorthand property name
      card: card, // change from shorthand property name
      name: name, // change from shorthand property name
      unique_cards: new Set(),
      nb_carte: 0,
      request: {},
      res: {}
    });
    a[id].unique_cards.add(card);
    a[id].nb_carte = a[id].unique_cards.size;
    Object.keys(request).forEach(function(k) {
      (a[id].request[k] = (a[id].request[k] || 0) + request[k])
    });
    Object.keys(res).forEach(function(k) {
      (a[id].res[k] = (a[id].res[k] || 0) + res[k])
    });
    return a;
  }, Object.create(null))
);