javascript - 动态对象属性

Question

<div id="bach">Bach</div>
<div id="show">about composer</div>

$(window).load(function(){    
  bach = {"bdate": 1685, "bplace": "Eisenach, Germany"}

  $("div").click(function(){
    $("#show").text(this.id['bdate']); // This is the problem 
  });       
});

您好，我目前正在尝试创建一种动态访问 bach 对象的方法。如果我使用 bach 而不是 this.id 一切正常。不知何故，我需要找到一种方法将 this.id 转换为我可以在访问 bach 对象中的属性的上下文中使用的东西。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Member_Operators

Javascript: interpret string as object reference?

以下是我的研究引导我访问的几个网站。要么我不明白他们在说什么，要么他们与我的问题不完全相关。

谢谢

Answer 1

由于您显然处于窗口范围内，因此可以使用括号表示法

$(window).load(function(){    
  bach = {"bdate": 1685, "bplace": "Eisenach, Germany"}

  $("div").click(function(){
    $("#show").text(window[this.id]['bdate']);
  });       
});

好不好是另外一回事

或按照 Rocket Hazmat 的建议

var obj = { bach : {"bdate": 1685, "bplace": "Eisenach, Germany"}};

$(window).load(function(){    
    $("div").click(function(){
        $("#show").text(obj[this.id]['bdate']);
    });       
});