增强的对象字面量:属性简写与方法定义新语法

对象字面量的华丽变身:从啰嗦到简洁的魔法 各位看官,今天咱们聊聊JavaScript里一个非常基础,但又经常被忽略的小可爱——对象字面量。 别看它名字听着学术,其实就是我们平时用来创建对象的那种花括号 {}。 想象一下,你要描述一只猫: const myCat = { name: “咪咪”, color: “橘色”, age: 3, meow: function() { console.log(“喵喵喵!”); } }; 这没毛病,很清晰,也很直接。 但是,如果你每天都要创建一堆猫,或者其他类似的对象,你会不会觉得有点点…重复? 尤其是在属性名和变量名相同的时候,那种重复感简直让人想挠墙。 好消息是,ES6(ECMAScript 2015)带来了对象字面量的增强,就像给它施了个魔法,让它变得更简洁、更强大。 今天,咱们就来扒一扒这个魔法的底裤,看看它到底是怎么运作的。 属性简写:告别冗余,拥抱简洁 首先,我们来解决那个让人挠墙的重复问题。 想象一下,你已经有一个变量 name 存着猫的名字,然后你想用这个变量来创建猫对象。 以前,你得这么写: const name = “小 …