奇怪但工作的ecmascript代码

Question

我看到了这段代码：

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

似乎drop是一个函数，它的参数{ allowedDropEffect }将是一个对象？ 一类？ 怎么下降可以使用？

Answer 1

对于这样的情况，当你不知道这部分ES6的作用时，将新语法“愚蠢”到较旧的语法可能会很有用。 这就是这个解构分配可以写成：

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

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

Answer 2

这是传递的param的一个属性，名为allowedDropEffect这种语法也称为allowedDropEffect 赋值 。

 const boxTarget = { drop({ allowedDropEffect }) { return { name: `${allowedDropEffect} Dustbin`, allowedDropEffect } } } console.log(boxTarget.drop({allowedDropEffect: "Ele", country: "Venezuela"})); // ^ // | // +---- This key will be skipped. 

链接

• 解构任务