JavaScript 对象属性的完整写法，与简写

JavaScript 对象属性的完整写法和简写如下所示：

完整写法：

let person = {
  name: 'Tom',
  age: 20
};

简写：

let name = 'Tom';
let age = 20;

let person = {name, age};

在完整写法中，我们需要使用冒号（:）来分隔属性名和属性值，并且需要使用花括号（{}）来定义对象。在简写中，我们可以直接使用变量名作为属性名，JavaScript 会自动把变量名转换为字符串类型作为属性名，从而省略了冒号和花括号。

需要注意的是，属性简写只适用于在定义对象字面量时使用，不能用于在运行时动态添加属性。如果要动态添加属性，仍然需要使用完整的语法来定义属性。

相关问题

关于对象扩展的属性简写和属性名表达式写法

在 ES6 中，我们可以使用对象属性的简写和属性名表达式来更方便地声明和访问对象属性。

对象属性的简写是指在对象字面量中，如果属性名和属性值的变量名相同，可以省略属性名，直接写属性值。例如：

let name = 'Tom';
let age = 18;

let person = {
  name,
  age
};

这里的 `name` 和 `age` 是变量名，它们会自动转换为属性名，相当于：

let person = {
  name: name,
  age: age
};

属性名表达式则是指在对象字面量中，使用方括号包裹一个表达式作为属性名。例如：

let prop = 'foo';

let obj = {
  [prop]: 'bar'
};

这里的属性名是 `prop`，它的值是 `'foo'`，相当于：

let obj = {
  foo: 'bar'
};

需要注意的是，属性名表达式可以是任意的表达式，而不仅仅是变量名。例如：

let obj = {
  ['foo' + 'bar']: 'baz'
};

这里的属性名是 `'foobar'`，它的值是 `'baz'`。

关于对象扩展的属性简写和属性名表达式写法请个举一个例子

当我们定义一个对象时，可以使用属性简写和属性名表达式来定义对象的属性，以更加简洁和灵活的方式。

属性简写是指当对象的属性名和属性值变量名相同时，可以直接使用变量名作为属性名，而无需再次声明属性名。

举个例子，假设我们有一个变量名为 name 的变量，我们可以使用属性简写的方式来定义一个对象：

const name = 'Tom';
const person = {
  name, // 等价于 name: name
  age: 18,
  gender: 'male'
}
console.log(person); // { name: 'Tom', age: 18, gender: 'male' }

属性名表达式是指当我们需要使用变量或表达式作为属性名时，可以使用属性名表达式来定义对象的属性。

举个例子，假设我们有一个变量名为 propName 的变量，我们可以使用属性名表达式的方式来定义一个对象：

const propName = 'name';
const person = {
  [propName]: 'Tom',
  age: 18,
  gender: 'male'
}
console.log(person); // { name: 'Tom', age: 18, gender: 'male' }

在上面的例子中，我们使用了属性名表达式 `[propName]` 来定义对象的属性名，这样就可以动态地使用变量 `propName` 的值作为属性名了。