JavaScript 学习-16.简化对象写法

Posted 2022-05-23 上海-悠悠

前言

ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法，书写更加简洁

• 变量 当做对象的属性
• 函数 当做对象的方法

对象简化写法

之前我们写一个对象是这样的

const person = 
    name: 'yoyo',
    age: 20,
    address: function () 
       return "上海市"
    

前面一篇讲到对象可以解构赋值，分别用变量接收对象的属性和方法

let name, age, address = person;
console.log(name); // yoyo
console.log(age);  // 20
console.log(address());  // 上海市

那么反过来，我们定义发属性和方法，也可以变成一个对象

let name = 'yoyo';
let age = 20;
const address = function () 
       return "上海市"
    

const person = 
    name,
    age,
    address

console.log(person); // name: 'yoyo', age: 20, address: ƒ

或者在对象里面直接写函数

let name = 'yoyo';
let age = 20;

const person = 
    name,
    age,
    address() 
       return "上海市"
    

console.log(person); // name: 'yoyo', age: 20, address: ƒ

或者也可以用箭头函数

let name = 'yoyo';
let age = 20;

const person = 
    name,
    age,
    address: () => '上海悠悠'

console.log(person); // name: 'yoyo', age: 20, address: ƒ

等价于

let name = 'yoyo';
let age = 20;

const person = 
    name,
    age,
    address: function () 
        return '上海悠悠'
    

console.log(person); // name: 'yoyo', age: 20, address: ƒ