10 Useful New Features of ECMA Script 6

19
10 New Features in ES6 Lohith G N

Transcript of 10 Useful New Features of ECMA Script 6

Page 1: 10 Useful New Features of ECMA Script 6

10 New Features in ES6Lohith G N

Page 2: 10 Useful New Features of ECMA Script 6

About Me

Technical EvangelistMicrosoft MVP (ASP.NET/IIS)

[email protected]

@kashyapahttp://www.kashyapas.comhttp://www.telerikhelper.net

Lohith G N

http://www.telerik.com

Page 3: 10 Useful New Features of ECMA Script 6

ECMA Script - ???

• ECMA-262• Standard• Core JS language features defined

• ECMAScript• Language defined in ECMA-262• JS is a superset

Page 4: 10 Useful New Features of ECMA Script 6

History

1997 2015

1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013

2014

1997

ECMAScript 11998

ECMAScript 21999

ECMAScript 3

2009

ECMAScript 52014

ECMAScript 6?2005 - 2007

ECMAScript 4 - Abandoned

Page 5: 10 Useful New Features of ECMA Script 6

ES 6

• Feature Complete in 2014

• Became Standard in 2015

• Still log way to go for browser vendors

Page 6: 10 Useful New Features of ECMA Script 6

ES6 Status in Browsers

https://kangax.github.io/compat-table/es6/

Page 7: 10 Useful New Features of ECMA Script 6

Transpilers

• Convert ES6 code to ES5 (current standards)• Babel• Traceur

Page 8: 10 Useful New Features of ECMA Script 6

Features

Page 9: 10 Useful New Features of ECMA Script 6

‘let’ keyword

Page 10: 10 Useful New Features of ECMA Script 6

‘const’ keyword

Page 11: 10 Useful New Features of ECMA Script 6

default params

Page 12: 10 Useful New Features of ECMA Script 6

template strings

Page 13: 10 Useful New Features of ECMA Script 6

arrow functions

Page 14: 10 Useful New Features of ECMA Script 6

Rest params

Page 15: 10 Useful New Features of ECMA Script 6

Generators

Page 16: 10 Useful New Features of ECMA Script 6

Maps

Page 17: 10 Useful New Features of ECMA Script 6

Classes

Page 18: 10 Useful New Features of ECMA Script 6

Modules