Features of ES6 every Javascript developer should know

Tanvir Ahmed
3 min readMay 6, 2021

Javascript is worlds one of the popular programming languages. This language first appeared in the programming world in 1995. From then many features come for the improvement of this most used programming language. It becomes more easier and flexible to work with those features. Here we are going to talk about one of the recent and important features of javascript which is ES6. Here are some important features of ES6:

1. Default Parameters in ES6

In ES6 function can have a default parameter. When a function is called and demands some parameter if we do not give the demanded parameter it will give the output NaN. In ES6 we can give a default parameter so if any of the values of the parameters is not give in the function call it will give the output for the default parameter.

2. Template Literals in ES6

Template literal is a way to create a string. It's a greater way to write dynamic strings whereas previously we were using concat() method to create a dynamic string.

3. Multi-line Strings in ES6

Back then we needed to use concat() method and newline character /n for writing multiline string but in ES6 we simply utilize this with a backtick.

4. Destructuring Assignment in ES6

Objects and arrays are the two most used data structures in Javascript. This Destructuring assignment helps to uncrate the object and arrays into a collection of variables that are easier to handle and work with. It also can be used in functions to reduce the complexity of the functions. Repetition of code is very much decreased by this feature.

5. Proper tail-calls

A function is called tail recursive if the recursive call occurs in the portion of any function. These tail recursive functions perform better than any other recursive functions. The improved tail recursive call doesn’t make another stack outline for each function call, yet rather utilizes a solitary stack outline.ES6 brings the tail-call optimization in severe mode.

6. Classes in ES6

Previously there was no keyword class to create a class in ES5 for that it was a complex procedure to construct a class and use it. But in ES6 it is easier to work with the class. It uses prototypes, not the function factory method.

7. Inheritance

It is possible to inherit data of class to another class by inheritance in ES6. All instances of any particular class can be accessed by another class easily.

In this example, all properties of Service class are inherited to SpecialService class.

8. Arrow Functions in ES6

Arrow function is one of the highlights presented in the ES6 form of JavaScript. It permits you to make capacities in a cleaner route contrasted with regular functions. They can be used to create small callbacks, with a shorter syntax. For instance,

9. Block-Scoped Constructs Let and Const

ES6 introduces two new variable declaration methods let and const. They are pretty similar but the difference is in the scope. Variables that declared by let can be changed or modified later but variables that declared with const are constant or fixed values that can not be changed.

10. Modules in ES6

Modules refer to a portion of code that is independent and can be used on multiple occasions. Before ES6 modules can only be used via libraries but now they can be used in the language itself. Before now, it was impossible to directly reference or include one JavaScript file in another.

--

--

Tanvir Ahmed

A web developer with a strong interest in projects that require both conceptual and analytical thinking. I'm always eager to learn from anyone and everyone.