Js中访问对象的两种方法

我们通常都使用点" . '“表示法来访问对象,在js中也可以用方括号” [ ] “来访问对象的属性.
使用[]时,应该将想要访问的属性用字符串的形式放在” [ ] "中
例如

const girlBeautiful = {
        name:'Wxx'
    }
    const girlName = girlBeautiful["name"];
    const girlNamed  = girlBeautiful.name;

    console.log('.方法:'+girlName)
    console.log('[]方法:'+girlNamed)

两种访问对象属性的方法没有任何区别
但是! 方括号" [ ] “语法有一个优点就是可以通过变量来访问对象,即” [ ] "中可以放变量
例如:

var who = "name"
console.log('谁漂亮呀:'+girlBeautiful[who])

如果属性命中包含了会发生语法错误的字符,或者属性名使用了关键字或保留字
这时候使用方括号" [ ] "表示法是可以的

girlBeautiful["first name"] = "Wxx"

这里的first name中有一个空格,所以我们不能用点方法访问
属性命中是可以带有非字母或非数字的
可以使用方括号" [ ] "表示法来访问