ES6 is the sixth major release of ECMAScript, also known as JavaScript. It introduced several new features including block scoping with let and const, template literals, arrow functions, and shorter function syntax. Arrow functions do not bind their own this, arguments, super, or new.target. They can be used to return object literals more concisely. Block scoping prevents access to variables from outside their block, and functions can be defined inside blocks.

1. Presented by
Samundra Khatri
Madhu Sudhan Subedi
ES6 Features - Part1

2. What is ES6 ?
ECMAScript 6 (ES6) is the latest sixth major release of the ECMAScript
language specification.
ECMAScript is the “proper” name for the language commonly referred to as
JavaScript.
Released at june, 2015.

3. Some Features of Es6

4. Blocked Scoped
Variables
Let and const
What is var ?

5. ● `const` is a signal that the identifier won’t be reassigned, Immutable.
● `let`, is a signal that the variable may be reassigned, such as a counter in a
loop, or a value swap in an algorithm.
● `Var` is now the weakest signal available when you define a variable in
javascript.
What’s difference ?

6. Let’s See one Example Here
Every time gives the result `The number is 10` Why ?

7. Blocked Scoped
Functions
● Scope of the function is inside
block only.
● From the outside of block
function can not be accessible.
● Function can be defined inside
function or inside { }
● That means IIFE is less necessary
in ES6

8. Figure: Showing the block scope of function example

9. Template Literals
● Template literals are enclosed by
the back tick (` `) character
instead of double or single quotes.
● Indicated by the dollar sign and
curly braces . For example:-

10. Arrow Functions
● Arrow Function expression has a
shorter syntax than a function
expression.
● Provides two special things:-
Shorter functions and No
bindings of this

11. ● Arrow functions expression is shorter syntax than javascript function
expression.
Shorter Functions

12. ● If in function there is no any parameters then handle by arrow function
like this.
● Parenthesis is required if there is no parameter.
No Parameters ?

13. ● Can be used to return an object literal expression.
Object Literal Syntax

14. ● In code with multiple nested functions, it can be difficult to keep track of
and remember to bind the correct this context.
No bindings of this

15. ● Using Es6 We Can use this using arrow function without binding or
reassign this to other variables.
No bindings of this

16. Learn - Develop - Grow
Thank You :)

17. References
https://medium.com/javascript-scene/javascript-es6-var-let-or-const-
ba58b8dcde75#.qih8x5hvf
https://i.stack.imgur.com/v45hL.png
https://i.ytimg.com/vi/p1jCfPIBh0M/maxresdefault.jpg
http://learnwebtutorials.com/wp-content/uploads/2015/08/es6-extends-
keyword.jpg
https://www.sitepoint.com/joys-block-scoping-es6/
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_l
iterals

18. References
https://www.sitepoint.com/es6-arrow-functions-new-fat-concise-syntax-
javascript/