DEV Community

ES6 for beginners with example

Srebalaji Thirumalai on September 29, 2017

In this post, I will cover some new features in ES6. It will be helpful if you are new to ES6 or learning front-end frameworks. Topics I’m gonna c...

Read full post

eerk • Oct 2 '17 • Edited

Thanks for this article! For get set I think it's more customary to use get name() and set name() instead of get getName() set setName(), but it's essentially the same.

class Person {
    constructor(name) {
      this._name = name;
    }
    get name() {
      return this._name;
    }
    set name(name) {
      this._name = name;
    }
}

let p = new Person("willie")
p.name = "jimmy"

console.log(p.name)

Srebalaji Thirumalai • Oct 3 '17

Thank you. I updated :) :)

Matteo Rigon • Oct 7 '17

I'd like to point to the case of your get Name and set Name. Usually you keep those methods in lowercase to simulate an actual property so that who uses your class/object sees them as normal property retrieval/assignment.

@eerk example is perfect, since it is also good practice to name the actual property with the same name of the getter/setter methods prepended by an underscore

Kjell Otto • Oct 3 '17

Nice post and good examples, thanks! Although I don't understand why so many examples use let over const. I think it's better to use const wherever you can. Is there a reason to consider the opposite?

Matteo Rigon • Oct 7 '17

Because let will never throw an error and is seen as the successor of var, while const is more restrictive.
You are right though, as long as you write ES6 always use const unless you see you explicitly need to change the variable reference, like for counters and booleans

Borko Arsovic 🚀 • Sep 30 '17

Thanks for news,good post.

Michael Zazula • Oct 2 '17

In two of your examples I think you reference the wrong variable.

let SumElements = (arr) => {
console.log(arr); // [10, 20, 40, 60, 90]
let sum = 0;
for (let element of arr) {
sum += arr;
}
console.log(sum); // 220.
}
SumElements([10, 20, 40, 60, 90]);

As well as in the following example of for of loops.

Srebalaji Thirumalai • Oct 3 '17

Thank you. I updated :) :)

Andrej Naumovski • Jan 21 '18

Overall nice post and clear explanations, however, arrow functions are not just a new syntax for writing a function in Javascript. Regular functions still exist, and both of them behave differently in a matter of ways, most importantly in how they affect the scope and how this is bound in each of them. So more explanation should be done on that part. But still, nice post!