javascript - 这个 "[]"在这里做什么？

Question

以下是我教科书的摘录。

我对 window.history[type]() 中 [] 的使用有疑问。我可以看出它分隔了对象名称(窗口)和变量(类型)，以便它们可以被识别为单独的东西，但是 [] 的这种用法有名称吗？我进行了谷歌搜索，但没有任何结果。

$(function() {
//omitted
['back', 'forward'].forEach(function(type) {
  $('.' + type).click(function() {
    window.history[type]();
    });
  });
});

Answer 1

这是使用括号表示法访问属性/方法。在 Javascript 中，您可以使用点符号访问对象的属性:

myObj.prop

或者括号符号:

myObj['prop']

但是，当您动态构造属性时，您别无选择，只能使用括号表示法:

window.history['forward']()

与

相同

window.history.forward()

这里您正在迭代 forward 和 back 属性，括号表示法用于从 window.history< 上的字符串名称调用函数.

这里是the doc linked by @Teemu