JS 对象的方括号语法

假设有一个空对象person与一个值为“age”的常量prop，现在我想让prop的值作为对象person的一个属性，同时给这个属性的值赋值为18，该怎么做呢？有人应该会想到，能不能用点语法实现呢👇

const prop = 'age';
const person = {};
person.prop = 18;

可惜输出person的结果是：

{prop: 18}

很明显不是我们想要的结果，正确实现方式为使用方括号语法：

const prop = 'age';
const person = {};
person[prop] = 18;

此时输出person就能得到我们想要的结果了：

{age: 18}

ES6出现后方括号语法可以写在对象字面量中了👇

const prop = 'age';
const person = {
	[prop]: 18
};

输出person的结果和上面是一样的 ~

补充一下，方括号里面不仅可以放值，还可以放表达式👇

const prop = 'age';
const func = () => 'age2';
const person = {
	[prop]: 18 // {age: 18}
	[func()]: 18; // {age2: 18}
	['sex']: 'male'; // {sex: "male"} 没必要这么做，只是举个能放字符串的例子
	['na' + 'me']: 'Jae'; // {name: "Jae"} 没必要这么做+1，只是举个能拼接字符串的例子
}

注意：

当属性名或者方法名是合法标识符（由数字、字母、下划线以及$构成，并且数组不能开头）时，可以使用点语法，其他情况下请使用方括号语法

例如：age22_$

像22age这种就不行

完 ~