Add Information on Object Initializing in ES6 (#32835)

* Add Information on Object Initializing in ES6

* fix: added front matter block
This commit is contained in:
KurtWayn3
2019-02-17 10:43:24 -07:00
committed by Paul Gamble
parent 2f78a38885
commit aa716b40d1

View File

@ -0,0 +1,44 @@
---
title: ES6 Object Initializers
---
### ES6 Object Initializers
In ES6 you can use shorthand property syntax to initialize objects, which at first does not appear to be very time-saving but when you are creating many objects in a project can be super useful.
If you have a property name that is exactly the same as your variable name instead of placing it twice in ES6 you can use the shorthand property syntax:
```javascript
// ES5
var name = 'Lord Farquad';
var user = {
name: name,
};
// ES6
const name = 'Shrek';
const user = {
name,
};
```
This shorthand property syntax is also useful when initializing methods in an objec:
```javascript
// ES5
var example = {
getName: function(name) {
return name.firstName + ' ' + name.lastName;
},
};
// ES6 Shorthand
const example = {
getName(name) {
return name.firstName + ' ' + name.lastName;
},
};
```
[Learn More about Object Initializers](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer)