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

JavaScript 学习-16.简化对象写法,第1张

前言

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: ƒ}

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1296535.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存