Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Browser support for class syntax in Javascript [duplicate]

Below syntax,

class Polygon {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
}


var Polygon = class {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
};



var Polygon = class Polygon {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
};

--

is supported neither by chrome nor by firefox.

SyntaxError: Unexpected token class(…)

chrome version insalled 47.0.2526.80 m

firefox version installed 44.0a2 (2015-12-12)

Which version of browser does class & extends keywords gets supported?

like image 253
overexchange Avatar asked Dec 14 '15 00:12

overexchange


People also ask

Do all browsers support ES6?

ES6 is safe. Take a look at this chart. All the current browsers have full support to ES6. Well if you take a closer look you may find some “unsupported” or “partially supported” features but I bet you will never have chance to use those unsupported features.

What is class in JavaScript with example?

Note: JavaScript class is a special type of function. And the typeof operator returns function for a class. For example, class Person {} console.log(typeof Person); // function.

What version of ECMAScript do browsers support?

ECMAScript 1 - 6 is fully supported in all modern browsers.

How do you instantiate a class in JavaScript?

The new operator instantiates the class in JavaScript: instance = new Class() . const myUser = new User(); new User() creates an instance of the User class.


1 Answers

  1. You can use a javascript to javascript compiler such as Babel to compile ES6 javascript into ES5 code. It covers most of the ES6 features.

  2. Take a look at https://kangax.github.io/compat-table/es6/ for a table of ES6 features and how well are they supported by different browsers.

like image 143
Iftah Avatar answered Nov 15 '22 07:11

Iftah