ES6 Classes

#1

Post by octosphere » Sun, Jan 06, 2019, 7:08 PM UTC

ES6 Classes
javascriptjanuary.com

Re: ES6 Classes

#2

Post by saagarjha » Sun, Jan 06, 2019, 7:35 PM UTC

I’m quite unfamiliar with OOP in JavaScript, so I’d appreciate if someone could chime in with how this differs from ES5: is this just syntactic sugar, or is there a semantic change as well?

Re: ES6 Classes

#3

Post by grahamperich » Sun, Jan 06, 2019, 7:36 PM UTC

saagarjha wrote: post #2

I’m quite unfamiliar with OOP in JavaScript, so I’d appreciate if someone could chime in with how this differs from ES5: is this just syntactic sugar, or is there a semantic change as well?

It's just syntactic sugar. Still using prototypal inheritance under the hood.

Re: ES6 Classes

#4

Post by runarberg » Sun, Jan 06, 2019, 7:37 PM UTC

saagarjha wrote: post #2

I’m quite unfamiliar with OOP in JavaScript, so I’d appreciate if someone could chime in with how this differs from ES5: is this just syntactic sugar, or is there a semantic change as well?

From MDN[1]:

> JavaScript classes, introduced in ECMAScript 2015, are primarily syntactical sugar over JavaScript's existing prototype-based inheritance. The class syntax does not introduce a new object-oriented inheritance model to JavaScript.

[1]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...

Re: ES6 Classes

#5

Post by [deleted] » Sun, Jan 06, 2019, 7:39 PM UTC

[deleted]

Re: ES6 Classes

#6

Post by runarberg » Sun, Jan 06, 2019, 7:39 PM UTC

Article from january last year. Should it be marked with (2018)?

Re: ES6 Classes

#7

Post by runarberg » Sun, Jan 06, 2019, 7:42 PM UTC

runarberg wrote: post #4

saagarjha wrote: post #2

I’m quite unfamiliar with OOP in JavaScript, so I’d appreciate if someone could chime in with how this differs from ES5: is this just syntactic sugar, or is there a semantic change as well?

From MDN[1]: > JavaScript classes, introduced in ECMAScript 2015, are primarily syntactical sugar over JavaScript's existing prototype-based inheritance. The class syntax does not introduce a new object-oriented inheritance model to JavaScript. [1]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...

Do note though that there is a lot of syntax that is hidden with the `class` keyword. So even though it is primarily a syntactic sugar, it is by no means trivial.

Re: ES6 Classes

#8

Post by 11235813213455 » Sun, Jan 06, 2019, 7:44 PM UTC

I really dislike the formatting with a space between function name and arguments

    function foo (a, b) {

compared to the more common:

    function foo(a, b) {

Re: ES6 Classes

#9

Post by ChrisSD » Sun, Jan 06, 2019, 7:49 PM UTC

I think ES6 classes are the worst of all worlds. I know people from a Java background really want classes in their Javascript but this is not that.

ES6 classes look like kind of sort of like a class but if you poke it at all you see lots of sharp edges and weird behaviours that make no sense unless you know what it's sugar for.

Re: ES6 Classes

#10

Post by pagnol » Sun, Jan 06, 2019, 7:53 PM UTC

11235813213455 wrote: post #8

I really dislike the formatting with a space between function name and arguments function foo (a, b) { compared to the more common: function foo(a, b) {

For better or for worse this is part of the "Standard Style": https://www.npmjs.com/package/standard

It always seemed like an odd choice to me that would make people less likely to adopt it.