ES6 - 对象扩展（增强字面量）
2024-09-08 12:50:18
/**
* 对象的扩展
*
* 增强对象字面量
*
* 解决问题：缩减代码
*/
{
/**
* 1.属性简表示法
* 变量foo直接写在大括号里面。这时，属性名就是变量名, 属性值就是变量值
*/
const foo = 'bar';
const baz = { foo };
// baz // {foo: "bar"}
// 等同于
// const baz = { foo: foo };
/**
* 方法简写
*/
const o1 = {
method() {
return "Hello!";
}
};
// 等同于
const o2 = {
method: function () {
return "Hello!";
}
};
}
{
// 例子1
let birth = '2000/01/01';
const Person = {
name: '张三',
//等同于birth: birth
birth,
// 等同于hello: function ()...
hello() { console.log('我的名字是', this.name); }
};
// 例子2
function createBookShop(inventory) {
return {
inventory, //属性简写 inventory:inventory,
// inventoryValue: function () {
inventoryValue() {
return this.inventory.reduce((total, book) => total +
book.price, 0);
},
//priceForTitle: function (title) {
priceForTitle(title) {
return this.inventory.find(book => book.title === title)
.price;
}
}
}
const inventory = [
{ title: "Vue", price: 10 },
{ title: "Angular", price: 15 }
];
const bookShop = createBookShop(inventory);
console.log(bookShop.inventoryValue()); //25
console.log(bookShop.priceForTitle("Angular")); //15
}
最新文章
- AC日记——二叉堆练习3 codevs 3110
- Javascript与当前项目的思考
- Unity3D DllNotFoundException/System.DllNotFoundException
- Android无限循环轮播广告位Banner
- MyBatis之八：需要说明的几个java api的生命周期以及封装
- 创建.NET应用程序所经历的步骤
- Sprite Kit编程指南中文版下载
- ORACLE 五种表的优缺点总结
- java innerclass
- WPF：使用TypeConverter
- GreenDao 使用和数据库升级
- TCP/UDP端口列表（WIKIpedia）
- deeplearning 源码收集
- IP 解析器（IpParser） test 和 生产环境 实现
- TinyCore Nginx server with php-cgi and vsftpd
- 自然语言交流系统 phxnet团队 创新实训 项目博客 （八）
- python写个御剑
- [转贴]SSL工作原理
- 算法笔记_111:第五届蓝桥杯软件类省赛真题（Java本科A组）试题解答
- loadrunner-27077报错解决办法