javascript - 奇怪但有效的 ecmascript 代码

Question

我看到了这段代码:

const boxTarget = {
  drop({
    allowedDropEffect
  }) {
    return {
      name: `${allowedDropEffect} Dustbin`,
      allowedDropEffect,
    }
  },
}

看起来 drop 是一个函数，它的参数 { allowedDropEffect } 将是一个对象？一类？水滴怎么用？

Answer 1

对于像这样的情况，当你不知道 ES6 的这段代码是做什么的时，"dumb down" 可能会有用。新语法替换旧语法。这个解构赋值可以写成:

var boxTarget = {
  drop: function drop(_ref) {
    var allowedDropEffect = _ref.allowedDropEffect;

    return {
      name: allowedDropEffect + " Dustbin",
      allowedDropEffect: allowedDropEffect
    };
  }
};