方括号语法汇总

1、方括号语法一：

<script>
const prop='age';
const person={};
// 给person添加一个age的属性
person[prop]=18;
console.log(person)
//{age:18}
</script>

2、方括号语法二：

<script>
//方括号语法可以写在对象字面量中
const prop='age';
const person={
	[prop]=18
};
console.log(person)
//{age:18}
</script>

3、方括号里可以放什么
类似${}
//可以放值或通过计算可以得到值的（表达式）

const prop ='age';
const fun=()=>'age2';
const person={
	[prop]:18;
	[fun()]:18;
	['sex']:18;
	['s'+'ex']:18
}
console.log(person)

4、方括号语法和点语法的区别
//点语法是方括号语法的特殊形式

person['age'] = person.age

//点语法使用场景：属性名由数字、字母、下划线以及$构成，并且数字还不能打头的时候可以使用点语法

// 当属性或方法名是合法标识符时，可以使用点语法，其他情况下请使用方括号语法