Modern java script features
Download as PPTX, PDF0 likes246 views
The document discusses modern JavaScript features and the relationship between JavaScript and the ECMAScript standard, highlighting the evolution of ECMAScript versions from ES1 in 1997 to ES10 in 2019. It covers various new features such as template literals, arrow functions, destructuring, spread and rest parameters, and module exports/imports. Additionally, it introduces promises as objects representing the completion or failure of asynchronous operations.
Modern java script features
- 2. Kunal Kursija Mumbai, Maharashtra India Drupal Developer @ Axelerant Drupal: https://www.drupal.org/u/kunalkursija LinkedIn: https://in.linkedin.com/in/kunalkursija
- 4. JavaScript • A Scripting Language that was initially created to run on web browsers. • Applications:
- 5. JavaScript Engine • It’s a program that understands and executes the JavaScript code. • Examples: • Chrome: V8 • Mozilla: SpiderMonkey • Microsoft: Chakra • FitBit: JerryScript
- 6. ECMAScript • ECMAScript is a standard created by ECMA International. • JavaScript engines across the world stick to follow ECMAScript as a standard.
- 7. JavaScript vs ECMAScript • JavaScript is the best known Implementation of ECMAScript. • You know ECMAScript standards/specifications - You know how to create a scripting language. • You know JavaScript - You know how to use a scripting language.
- 8. ECMAScript Versions Version Name Year ES1 1997 ES2 1998 ES3 1999 ES5 2009 ES6 (ES2015) 2015 ES7 (ES2016) 2016 ES8 (ES2017) 2017 ES9 (ES2018) 2018 ES10 (ES2019) 2019 (yet to be released)
- 9. And, Modern JavaScript Features…
- 10. var Scope Declaration - Assignment - Redeclaration Hoisting
- 11. let Scope Declaration - Assignment - Redeclaration Hoisting
- 12. const Scope Declaration - Assignment - Redeclaration Hoisting
- 13. Template Literals • Template literals are strings that allows embedding of expressions into strings. • We use back-tick(`) and not single quotes(‘) or double quotes(“). • Multi-lines work.
- 15. Array Destructuring Array Destructuring is a JavaScript expression that makes it possible to unpack values from arrays into distinct variables. ES5 ES6
- 16. Object Destructuring Object Destructuring is a JavaScript expression that makes it possible to unpack values from objects into distinct variables. ES5 ES6
- 17. Spread Operator Spread parameter can be used to expand the the values of an array. ES5 ES6
- 18. Rest Parameter ● The Rest Parameter syntax allows us to represent an indefinite number of arguments as an array. ● Rest parameter must always be at the end. ES5 ES6
- 20. Modules • Exporting Modules = Making some functionality available for other modules to use. • Importing Modules = Reusing some functionality provided by other modules. export.js import.js
- 21. Promises • The Promise is an object, Which represents the eventual completion (or failure) of an asynchronous operation, and its resulting value.
- 22. Questions? 22
- 23. Thank You! 23