Name: Shorthand Properties in ES6
Uploaded: 2014-09-19T08:27:07-05:00
Description: Shorthand properties allow you to compose complex objects from other objects.

Arrow Function => in ES6

The let keyword in ES6

Default Values for Function Parameters in ES6

const Declarations in es6 (ES2015)

Shorthand Properties in ES6

Object Enhancements in ES6

Using the ES6 spread operator

Use Template Literals in ES6

Destructuring Assignment in ES6

ES6 Modules (ES2015) - Import and Export

Promises with ES6

ES6 (ES2015) - Generators

Maps and WeakMaps with ES6

ES6 Parameter Object Destructuring with Required Values 

ES6 Rest Parameters

Learn ES6 (ECMAScript 2015)

Shorthand properties allow you to compose complex objects from other objects.

https://app.egghead.io/api/v1/lessons/javascript-shorthand-properties-in-es6/subtitles

John Lindquist: [00:02] Where destructuring in ES6 allows you to easily get properties out of an object, this shorthand property syntax allows you to easily push properties in. It's like destructuring backwards.

[00:11] If I have a first name and a last name and I want to create a person, I can just say, "firstName, lastName." Then when I log out my person and I run this, you can see that it logs out an object with the first name of John and a last name of Lindquist.

[00:29] If I wanted to build some more objects, like I want to build a team. I have a mascot with a Moose, and I wanted to build a team like this, where I have a person and a mascot, and then I log out my team. I have a team object with a person of "firstName, lastName," John and Lindquist, with the mascot of moose.

[00:53] This syntax allows you to easily construct objects with the properties and things you already have and just build them up however you'd like.

Shorthand Properties in ES6

Share this video with your friends

Course

Learn ES6 (ECMAScript 2015)