指向此的javascript对象指针[重复]

Question

我在 javascript 中有一个类数组，每个实例都是通过传递 mp3 文件的名称创建的。这个想法是每个实例创建一个“不可见”的音频元素和一个 div。当您单击 div 时，您会看到这里的音频。

这是该类的简化版本...我尝试将指向适当类的指针传递给“onclick”函数的每次尝试都失败了..“this”显然失败了，下面的示例失败了.. 我通过将类传递给“idx”然后传递给 div.onclick 暂时解决了这个问题，因此它“找到了自己”，但我相信有一个更优雅的解决方案可以将 div 引用传递给适当的音频元素玩。

function myClass (mp3file) {
    this.aud = document.createElement('audio');
    this.aud.src = mp3file;
    this.div = document.createElement('div');
    this.div.className =  'dictDiv';     
    this.context = this;
    this.div.onclick = function () {
        context.aud.play();
    }           
}

Answer 1

var context = this;
 this.div.onclick = function () { 
context.aud.play();
} 

Onclick 会覆盖此内容，因此无法使用此内容。您可以将其存储在范围内（见顶部）或覆盖 this 绑定：

 this.div.onclick=function(){
 this.div.appendChild(this.aud);
 this.aud.play();
 }.bind(this);
 document.body.appendChild(this.div);