在 Javascript 中实例化后无法更新 API 对象

Question

单击时我正在实例化一个新的 Vimeo 对象。这使我可以根据单击的元素使用事件目标来获取 videoUrl。然后 vimeo api 自动创建一个嵌入视频的 iframe。问题是一旦创建了 Vimeo 播放器，我就无法销毁它并使用另一个 videoUrl 重新创建它。它停留在我单击的第一个元素上。如果我刷新并单击另一个元素，它适用于新的 videoUrl，因此这意味着它适用于我选择的任何元素，但仅适用于第一次单击。我猜这是一个我不熟悉的JS问题。我习惯了 C++，我们可以使用指针来解决这种事情。如有任何建议，我将不胜感激。

function openModal(e) {
    var modal = document.getElementById('Modal');
    var videoUrl = e.target.dataset.videoLink;
    //JS Player Code
    alert(e.target.dataset.videoLink);
    var options = {
        url: videoUrl,
        width: 640,
        loop: false
    };
    var player = new Vimeo.Player('Modal', options);
    modal.style.display = "block";
    //Doesn't seem to do anything
    delete player;
}

Answer 1

与 C++ 不同，JavaScript 有一个垃圾收集器，您不必在其中管理内存。 JS 中的 delete 运算符与 C++ 中的运算符完全不同。 JS 使用无法手动销毁的“引用”而不是指针。

现在，我不太明白您在执行delete player 时会发生什么。但我假设您想删除 iframe（这实际上没有任何意义。）

但无论如何，你有两个选择。你要么

1. 通过 display: none 使用 CSS 隐藏它
2. 用新元素替换元素。

顺便提一下，JS中的delete操作符等价于C++中的std::map::erase方法。