Search⌘ K
AI Features
Home
Courses
Let's learn ES6! Master new JavaScript features faster and easier

Objects

Explore ES6 updates to objects including shorthand method syntax, shorthand properties, computed properties, and the Object.assign method. Learn how to create and compose objects efficiently, revealing public methods, and copying objects safely.

We'll cover the following...

Objects have received some new updates in this edition of the language, including everything from new methods to updated syntax.

Shorthand methods

One nice addition to objects is the shorthand method syntax. We will see this pattern come up again when we talk about classes. As a reminder, here is what the original syntax looks like.

Javascript (babel-node)
let flower = {
    height: 10,
    colour: 'yellow',
    grow: function() {
        this.height += 5;
    }
}

Here we have a simple flower object which has a height and colour and a grow method. When defining a method we provide a function as a value to the property on an object. In this case we use an anonymous function. We could, if we wanted, also provide a named function.

Javascript (babel-node)
let flower = {
    height: 10,
    colour: 'yellow',
    grow: function growMethod() {
        this.height += 5;
    }
}

The benefit of providing a named function is that we could use this name inside of our method if we need to call it recursively. With the new shorthand method syntax, we can exclude the anonymous function all together.

Javascript (babel-node)
let flower = {
    height: 10,
    colour: 'yellow',
    grow() {
        this.height += 5;
    }
}

Look at that! I think this looks really ...