删除对象中的某个属性_ES6 中三种方式定义对象属性

ES6 中三种方式定义对象属性

重复样本代码让开发者很不爽，代码混乱掩盖了重要业务代码。ES6关注并解决一些重复的代码方式，使代码简洁、逻辑清晰，如数组解构、对象解构、箭头函数等。本文我们主要介绍利用三种方式在初始化对象时定义属性。

1. 属性简写

属性简写即删除重复表达。这里定义两个变量：

const name = "Luke";  const age = 24;

现在把这两个变量赋值给对象相同名称的属性，这时正常的表达为：

{  name: name,  age: age}

这里重复的名称显得多余，对的，ES6允许我们采用简洁的方式表达：

{  name,  age}

这里简单通过name代替name:name,JavaScript理解你想把name的值赋值给相同名称的属性。

我自己是一名从事了多年开发的web前端老程序员，目前辞职在做自己的web前端私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以关注我的头条号并在后台私信我：前端，即可免费获取

2. 方法属性

另一个受欢迎的用法是定义方法，即通过给对象属性赋值函数来实现。为了简单，我们创建连个getter函数获取name和age属性：

{  getName: function() { return "Luke" },  getAge: function() {return 24 }}

同样这种方案也很冗长，同样ES6提供了语法糖让代码简洁：

{  getName() { return "Luke" },  getAge() {return 24 }}

3. 计算属性的名称

最后我们看通过评估表达式确定计算属性名称的情况。

这里定义函数getLo,简单返回字符串‘lo’。

var getLo = () => "lo"  

现在通过合并字符串定义对象属性，字符串为“hel”连接调用getLo()的返回值，其结果为"hello".

在ES6之前，需要两步才能实现，首先初始化对象，然后使用方括号在对象中创建属性。

var obj = {};  obj[ "hel" + getLo() ] = "world";  

这不算太坏，但使用ES6可以yuanwen

原文链接：https://blog.csdn.net/neweastsun/article/details/103746344

作者：neweastsun