对象中属性与方法的简洁表示法
1.对象字面量是什么?创建对象的一种方式
const person={ name:‘zhangsan’, age:34 }
2.属性的简洁表达式==>键名和变量或常量名一样的时候,可以只写一个
const age=23;
const person={ name:‘zhangsan’, // age:age, //这里可以简写 age }
console.log(person)
3.方法的简洁表示法==>方法可以省略冒号和function 关键字
const person={
// speak:function(){
} speak(){
console.log(‘这是方法的简写形式’)
}
}person.speak();//方法的调用
对象中[]方括号语法
1.方括号语法的用法
const prop=‘age’;
const person={}; //之前的写法
person[prop]=23;//将age属性添加到了person对象中
console.log(person)//{age:23}
2.增强以后:方括号语法可以写到对象字面量中
const prop=‘age’;
const person={
[prop]:12//prop为一个变量
}
console.log(person);//{age:23}
3.方括号中可以放什么
${} 模板字符串
[值或通过计算可以得到值得(表达式)]
const attr=‘age’;
const func=()=>‘age2’;
const people={
[prop]:23,//[] 里面可以是常量
[func()]:45,//[] 可以是一个计算的结果
[‘sex’+‘3’]:34//[]里面也可以是 字符串拼接
}
console.log(people);
4.方括号语法和点语法的区别
点语法是方括号语法的特殊形式, 当我们的属性名为合法标识符的时候 可以使用点语法,特殊的属性名
需要使用方括号语法。