JavaScript 和方括号表示法

Question

我是 Java Script 的新手。在我的两本书中:http://www.larryullman.com/books/modern-javascript-develop-and-design和 http://www.packtpub.com/object-oriented-javascript/book两位作者都说这种表示法:object[unknownYetProperty] 应该在我们拥有对象和变量(对象 future 属性)时起作用。问题是另外两个符号 object['unknownYetProperty'] 和 object.unknownYetProperty 但不是第一个。

var a1 = 'spring';
var a2 = 'autumn';
var a3 = 'summer';

var object = {
    propertyA1 : a1, // according to books this only this should work :-/
    propertyA2 : a2,
    propertyA3 : a3
}

console.log(object[propertyA1] + ' ' + object['propertyA2'] + ' ' + object.propertyA3);

工作示例: http://jsfiddle.net/cachaito/p78Le

谁能给我解释一下？

Answer 1

object[propertyA1] 的问题在于 propertyA1 不存在。

基本上，这就像执行以下操作(也不起作用):alert(propertyA1);

与其他两个不同，后者正确地引用了您对象上的字段:

object['propertyA2'] === object.propertyA2 === a2 == 'autumn'

object.propertyA3 == a3 == 'summer'

这就是它的工作方式:

var propertyA1 = 'propertyA1',
    temp = object[propertyA1]; // === 'spring'