Skip to main content

JavaScript ES2017 Version (2017)

JavaScript ES2017 (ECMAScript 2017) is the eighth major release of the JavaScript language specification. It was finalized in June 2017. ES2017 introduced several new features and enhancements to JavaScript, building upon the foundation laid by ES6 (ES2015). In this tutorial, we will learn about the new features introduced in ES2017 and how to use them in your JavaScript code.

Features of ES2017​

ES2017 introduced several new features and enhancements to JavaScript. Some of the key features of ES2017 are:

  1. Async/Await Functions: ES2017 introduced the async and await keywords, which allow you to write asynchronous code that looks synchronous. The async keyword is used to define an asynchronous function, and the await keyword is used to pause the execution of an asynchronous function until a Promise is settled.

    For example:

    Async/Await Example
     function delay(ms) {
         return new Promise(resolve => setTimeout(resolve, ms));
     }

     async function asyncFunction() {
         console.log("Start");
         await delay(2000);
         console.log("End");
     }

     asyncFunction();

  2. Object.values() and Object.entries(): ES2017 introduced the Object.values() and Object.entries() methods, which allow you to get the values and entries of an object, respectively. The Object.values() method returns an array of the object's values, and the Object.entries() method returns an array of the object's key-value pairs.

    For example:

    Object.values() and Object.entries() Example
     let person = { name: "Alice", age: 30 };
     console.log(Object.values(person)); // Output: ["Alice", 30]
     console.log(Object.entries(person)); // Output: [["name", "Alice"], ["age", 30]]

  3. String Padding: ES2017 introduced the String.prototype.padStart() and String.prototype.padEnd() methods, which allow you to pad a string with spaces or other characters to a specified length. The padStart() method pads the string at the beginning, and the padEnd() method pads the string at the end.

    For example:

    String Padding Example
     let str = "Hello";
     console.log(str.padStart(10, ".")); // Output: ".....Hello"
     console.log(str.padEnd(10, ".")); // Output: "Hello....."

  4. Shared Memory and Atomics: ES2017 introduced the SharedArrayBuffer and Atomics objects, which allow you to work with shared memory and atomic operations in JavaScript. The SharedArrayBuffer object represents a shared memory region, and the Atomics object provides atomic operations for shared memory.

    For example:

    Shared Memory and Atomics Example
     let buffer = new SharedArrayBuffer(16);
     let view = new Int32Array(buffer);
     view[0] = 42;

     Atomics.add(view, 0, 13);
     console.log(view[0]); // Output: 55

Browser Support for ES2017​

Most modern web browsers support ES2017 features, but some older browsers may not fully support all ES2017 features. To ensure that your JavaScript code works across all browsers, you can use a transpiler like Babel to convert your ES2017 code into ES5 code, which is compatible with older browsers.

ES2017 features are generally well-supported in modern web browsers, and you can start using them in your JavaScript code without the need for a transpiler in most cases.

For more information on browser support for ES2017 features, you can check the table.

ChromeFirefoxSafariEdgeOperaInternet Explorer
58+52+10.1+16+45+No
Latest ✅Latest ✅Latest ✅Latest ✅Latest ✅Latest ❌
📝 Note

  • Chrome: 58+ (Latest ✅)

    Chrome has full support for ES2017 features. You can use ES2017 features in Chrome without any issues. Chrome 58 and later versions fully support ES2017 features. Chrome is the most popular web browser, and it is recommended to test your JavaScript code in Chrome to ensure compatibility.

  • Firefox: 52+ (Latest ✅)

    Firefox has full support for ES2017 features. You can use ES2017 features in Firefox without any issues. Firefox 52 and later versions fully support ES2017 features. Firefox is a popular web browser, and it is recommended to test your JavaScript code in Firefox to ensure compatibility.

  • Safari: 10.1+ (Latest ✅)

    Safari has full support for ES2017 features. You can use ES2017 features in Safari without any issues. Safari 10.1 and later versions fully support ES2017 features. Safari is a popular web browser, and it is recommended to test your JavaScript code in Safari to ensure compatibility.

  • Edge: 16+ (Latest ✅)

    Edge has full support for ES2017 features. You can use ES2017 features in Edge without any issues. Edge 16 and later versions fully support ES2017 features. Edge is a popular web browser, and it is recommended to test your JavaScript code in Edge to ensure compatibility.

  • Opera: 45+ (Latest ✅)

    Opera has full support for ES2017 features. You can use ES2017 features in Opera without any issues. Opera 45 and later versions fully support ES2017 features. Opera is a popular web browser, and it is recommended to test your JavaScript code in Opera to ensure compatibility.

  • Internet Explorer: No (Latest ❌)

    Internet Explorer does not support ES2017 features. If you need to support Internet Explorer, you can use a transpiler like Babel to convert your ES2017 code into ES5 code, which is compatible with Internet Explorer.

Important

Why Internet Explorer does not support ES2017 features?

Internet Explorer does not support ES2017 features because it is an outdated web browser that has been replaced by Microsoft Edge. Microsoft Edge is the modern web browser from Microsoft that supports the latest web standards and features, including ES2017. It is recommended to use Microsoft Edge or other modern web browsers to ensure compatibility with the latest JavaScript features. If you need to support Internet Explorer for legacy reasons, you can use a transpiler like Babel to convert your ES2017 code into ES5 code, which is compatible with Internet Explorer.

ES2017 introduced several new features and enhancements to JavaScript, making it easier to write asynchronous code, work with objects, manipulate strings, and work with shared memory. You can start using ES2017 features in your JavaScript code to take advantage of these new capabilities.

Conclusion​

ES2017 introduced several new features and enhancements to JavaScript, such as async/await functions, Object.values() and Object.entries() methods, string padding methods, and shared memory and atomics. These features make it easier to work with asynchronous code, objects, strings, and shared memory in JavaScript.

By using ES2017 features, you can write more expressive and concise JavaScript code that takes advantage of the latest language features and capabilities. You can start using ES2017 features in your JavaScript code to improve readability, maintainability, and performance.