javascript - 正在做破坏吗？

Question

我有一个编码挑战，我肯定会做对，但挑战要求在继续前进之前需要考虑某些步骤。而且我似乎跳过了一个步骤，即从事件的目标中解构一个值(希望我说的是对的)

问题是通过解构将预期的事件参数获取到目标属性。

我的代码有错吗？

const displaySelectedUser = (event) => {
    var newcal = event.target.value;

    console.log(newcal);
    console.log((event.target.value));

    var user = getSelectedUser(newcal);

    var properties = Object.keys(user);

    console.log(properties);

    properties.forEach(prop => {
        const span = document.querySelector(`span[data-${prop}-value]`);

        if (span) {
            span.innerText = user[prop];
        }
    });
};

Answer 1

这没有错 - 但解构的唯一实际机会就在这里:

var newcal = event.target.value;

这样做:

var { target: { value: newcal } } = event;

因为您没有使用 event 的其他属性，所以您可以将它移到函数声明中:

const displaySelectedUser = ({ target: { value: newcal } }) => {...}

现在 newcal 已经在您的函数中定义为 event.target.value。