es6 对象属性/方法简写

es6 对象属性 / 方法简写

对象属性简写

变量名会作为对象属性名

 let username = 'wj'
  let age = 123
  let obj5 = {
    username,
    age
  }

对象属性简写

对象方法简写

原来是 foo: function(param1, param2) {}, es6 写法: foo(param1, param2) {}


  let obj5 = {
    getName() {
      return 'wj'
    }
  }
  console.log(obj5.getName());

对象方法简写

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6 对象拓展是 JavaScript 中一个非常有用的特性,它允许我们更方便地创建、复制和合并对象。下面是一些关于 ES6 对象拓展的笔记和相关代码示例: 1. 对象字面量简写ES6 允许我们在对象字面量中使用简写语法来定义属性方法。例如,如果属性名和变量名相同,我们可以省略冒号和变量名,只写属性名即可。 ```javascript const name = "John"; const age = 30; const person = { name, age, sayHello() { console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`); } }; person.sayHello(); // 输出:Hello, my name is John and I'm 30 years old. ``` 2. 属性名表达式: ES6 允许我们在对象字面量中使用表达式作为属性名。这样可以更灵活地动态生成属性。 ```javascript const prefix = "user_"; const prop = "name"; const user = { [`${prefix}${prop}`]: "John" }; console.log(user.user_name); // 输出:John ``` 3. 对象拷贝: ES6 提供了一种更简洁的方式来拷贝对象,即使用对象拓展运算符(...)。 ```javascript const person = { name: "John", age: 30 }; const copiedPerson = { ...person }; console.log(copiedPerson); // 输出:{ name: "John", age: 30 } ``` 4. 对象合并: ES6 提供了一种合并多个对象方法,即使用对象拓展运算符(...)和 Object.assign() 方法。 ```javascript const person = { name: "John" }; const details = { age: 30, profession: "Developer" }; const mergedPerson = { ...person, ...details }; console.log(mergedPerson); // 输出:{ name: "John", age: 30, profession: "Developer" } ``` 这些是关于 ES6 对象拓展的一些笔记和代码示例。希望对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值