[SOUND] There's a saying that the best code is no code at all.

Which is to say the more code we write, the more likely we are to introduce a bug.

The more code browsers need to download, and

the longer it can take to review your own in your colleague's program.

In other words, writing less code is often a good thing.

One short ES2015 gives us is the object property shorthand.

It's a simple, but very useful addition to JavaScript.

Let's see it in action.

You can follow along using the latest workspace by opening the workspace for

this video.

Suppose I have a form that allows students to submit feedback about a course.

The form has three fields, name, comments and rating.

Over in shorthand.js, I have a submit function

that will compose the data object that eventually gets sent to the server.

The function also logs the keys of data and the values passed in this four loop.

And you might have noticed that the object

assigned to the data variable looks a bit different.

There aren't any keys.

Well, ES 2015 provides a shorter syntax for defining property keys and objects.

When the interpreter encounters a variable assignment without a property key,

the variable name itself is used as the property key.

So I'll call the submit function and pass it some values.

For name, let's type English.

And for comments, let's pass great course.

When I run this file in the console, you can see that the key names match

the variable names we passed to the object definition.

And you're not limited to string values as we used here.

It's also possible to use this new feature with booleans, numbers, objects,

arrays and classes.

So, for instance, if I set the rating to nine.

The console returns a rating of nine.

As you learned, property shorthand is easy to use, reduces keystrokes, and

potentially reduces bugs in your code.

In the next video, I'll go over the new for of syntax.