Es6-方括号语法

430 阅读1分钟

一 方括号语法

1.方括号语法的用法

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

2.方括号可以放什么

${}
[值或通过计算可以得到值的(表达式)]
const prop='age'
const func=()=>'age2'
const person={
    [prop]:18,
    [func()]:18,
    ['sex']:'male',
    // ['s'+'ex']:'male'
}
console.log(person);

3.方括号语法和点语法的区别

点语法是方括号语法的特殊形式

const person={}

person.age等价于person['age']

属性名由数字、字母、下划线以及$构成,并且数字还不能大头的时候可以使用点语法

合法标识符可以作为变量或者常量名

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

二 属性和方法的简介表示法

1.对象字面量是什么

实例化构造函数生成对象

const person=new Object()
person.age=18;
person.speak=function(){}

对象字面量

const person={
    age:18,
    speak:function(){}
}

2.属性的简洁表示法

键名和变量或常量名一样的时候,可以只写一个

const age=18;
const person={
    //age:age
    age
}
console.log(person);

3.方法的简洁表示法

const person={
    // speak:function(){}
    speak(){}
}
console.log(person);