查看“ECMAScript6: 对象字面量语法扩展”的源代码
←
ECMAScript6: 对象字面量语法扩展
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
在ES6中,对象字面量变得更加强大。 ==属性初始值的简写== <nowiki>/*function createCar(color, doors){ return { color : color, doors : doors } }*/ /*let name = "zhangsan"; let age = 18; var person = {name: name, age : age}; console.log(person);*/</nowiki> 在ES6中,可以简化这种属性名称与本地变量之间的重复书写: <nowiki> function createCar(color, doors){ return { // 有同名的参数,只写属性名即可 color, doors } } let car = createCar("red", 4); console.log(car); let name = "zhangsan"; let age = 18; // 有同名的本地变量,只写属性名即可 var person = {name, age}; console.log(person);</nowiki> ==对象方法的简写语法== <nowiki>/* var car = { color: "red", doors: 4, showColor: function(){ console.log(this.color); } } */</nowiki> 在ES6中定义对象方法时可以省略冒号和function关键字。 <nowiki> var car = { color: "red", doors: 4, showColor(){ console.log(this.color); } } car.showColor(); console.log(car.showColor.name); </nowiki> ==可计算的属性名== 在ES6中,可以在对象字面量中使用可计算的属性名称: <nowiki> /*let suffix = "name"; let person = {}; person["first name"] = "san"; // 属性名中有空格 person["last " + suffix] = "zhang"; // 属性名由表达式计算得到 person.age = 20; // 常规的属性可以直接通过点号访问 console.log(person); // { 'first name': 'san', 'last name': 'zhang', age: 20 } */ let suffix = "name"; let person = { ["first " + suffix] : "san", ["last " + suffix]: "zhang", age: 20 } console.log(person); // { 'first name': 'san', 'last name': 'zhang', age: 20 }</nowiki>
返回至
ECMAScript6: 对象字面量语法扩展
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息