SlideShare una empresa de Scribd logo
1 de 8
Descargar para leer sin conexión
ESNext
@zmeecer
VBScript
<div>
<%
' Grab current time from Now() function.
' An '=' sign occurring after a context switch (<%) is shorthand
' for a call to the Write() method of the Response object.
Dim timeValue = Now
%>
The time, in 24-hour format, is
<%=Hour(timeValue)%>:<%=Minute(timeValue)%>
:
<%=Second(timeValue)%>
</div>
ECMAScript
1 - Jun 97 First edition
3 - Dec 98 Added regular expressions, better string handling, new control statements,
try/catch exception handling
4 - Fight! Abandoned
5 - Dec 09 Strict Mode, JSON, etc
6 - Jun 15 ECMAScript 2015: classes, arrow functions, modules, generators,
collections, promises, proxies, string formatting
7 - Jun 16 ES2016: ** and includes
8 - Jun 17 ? SIMD, observable, properties, etc
ES4 = ActionScript
class com.example.Greeter extends MovieClip
{
public function Greeter()
{
var txtHello:TextField = this.createTextField("txtHello", 0, 0, 0, 100, 100);
txtHello.text = "Hello, world";
}
}
ES6 / ES7
http://kangax.github.io/compat-table/es6/
ES2017
● async/await functions
● Object.values() / Object.entries()
● stringPadding!!!
Draft:
● SIMD
● rest/spread properties
● global
Babel / Babili
https://github.com/babel/babili
class Mangler {
constructor(program) {
this.program = program;
}
}
new Mangler(); // without this it would just output nothing since Mangler isn't used
// ES2015+ code -> Babel -> Babili/Uglify -> Minified ES5 Code
var a=function a(b){_classCallCheck(this,a),this.program=b};new a;
// ES2015+ code -> Babili -> Minified ES2015+ Code
class a{constructor(b){this.program=b}}new a;
Result
http://stateofjs.com

Más contenido relacionado

Destacado

العدل والبناء
العدل والبناءالعدل والبناء
العدل والبناء
Yasser Negm
 
Grafico diario del dax perfomance index para el 10 09-2012
Grafico diario del dax perfomance index para el 10 09-2012Grafico diario del dax perfomance index para el 10 09-2012
Grafico diario del dax perfomance index para el 10 09-2012
Experiencia Trading
 
Student Project Presentation for SaveUp
Student Project Presentation for SaveUpStudent Project Presentation for SaveUp
Student Project Presentation for SaveUp
michael iseri
 
Презентация проекта отзывов пациентов "Про Докторов"
Презентация проекта отзывов пациентов "Про Докторов"Презентация проекта отзывов пациентов "Про Докторов"
Презентация проекта отзывов пациентов "Про Докторов"
kulibin
 

Destacado (20)

Gasteizko txakurtegian
Gasteizko txakurtegianGasteizko txakurtegian
Gasteizko txakurtegian
 
10 Shocking Facts About Regulation
10 Shocking Facts About Regulation10 Shocking Facts About Regulation
10 Shocking Facts About Regulation
 
العدل والبناء
العدل والبناءالعدل والبناء
العدل والبناء
 
Rise to Top with Search Engine Optimization - for MaineToday Digital
Rise to Top with Search Engine Optimization - for MaineToday Digital Rise to Top with Search Engine Optimization - for MaineToday Digital
Rise to Top with Search Engine Optimization - for MaineToday Digital
 
9384 16965-1-sm
9384 16965-1-sm9384 16965-1-sm
9384 16965-1-sm
 
Les entitats d'acció social d'Església a Catalunya
Les entitats d'acció social d'Església a CatalunyaLes entitats d'acció social d'Església a Catalunya
Les entitats d'acció social d'Església a Catalunya
 
Grafico diario del dax perfomance index para el 10 09-2012
Grafico diario del dax perfomance index para el 10 09-2012Grafico diario del dax perfomance index para el 10 09-2012
Grafico diario del dax perfomance index para el 10 09-2012
 
Email Marketing for Fitness Professionals
Email Marketing for Fitness ProfessionalsEmail Marketing for Fitness Professionals
Email Marketing for Fitness Professionals
 
Aniversario del fallecimiento del periodista Marcelo “Turco” Abram
Aniversario del fallecimiento del periodista Marcelo “Turco” AbramAniversario del fallecimiento del periodista Marcelo “Turco” Abram
Aniversario del fallecimiento del periodista Marcelo “Turco” Abram
 
How to change the Facebook Group privacy settings
How to change the Facebook Group privacy settingsHow to change the Facebook Group privacy settings
How to change the Facebook Group privacy settings
 
La storia che scrive la geografia. La geopolitica come politica dell' espansi...
La storia che scrive la geografia. La geopolitica come politica dell' espansi...La storia che scrive la geografia. La geopolitica come politica dell' espansi...
La storia che scrive la geografia. La geopolitica come politica dell' espansi...
 
Herramientas digitales para la educación
Herramientas digitales para la educaciónHerramientas digitales para la educación
Herramientas digitales para la educación
 
Big Duck: Best Practices in Social Media
Big Duck: Best Practices in Social MediaBig Duck: Best Practices in Social Media
Big Duck: Best Practices in Social Media
 
SMILE MAG - FINAL EDIT 7.3.2016
SMILE MAG - FINAL EDIT 7.3.2016SMILE MAG - FINAL EDIT 7.3.2016
SMILE MAG - FINAL EDIT 7.3.2016
 
Student Project Presentation for SaveUp
Student Project Presentation for SaveUpStudent Project Presentation for SaveUp
Student Project Presentation for SaveUp
 
Презентация проекта отзывов пациентов "Про Докторов"
Презентация проекта отзывов пациентов "Про Докторов"Презентация проекта отзывов пациентов "Про Докторов"
Презентация проекта отзывов пациентов "Про Докторов"
 
The Rise of Global Standards and How Insurers Can Comply
The Rise of Global Standards and How Insurers Can ComplyThe Rise of Global Standards and How Insurers Can Comply
The Rise of Global Standards and How Insurers Can Comply
 
User Experience Design for Mobile Apps
User Experience Design for Mobile AppsUser Experience Design for Mobile Apps
User Experience Design for Mobile Apps
 
Iot Asia Summit 2015
Iot Asia Summit 2015Iot Asia Summit 2015
Iot Asia Summit 2015
 
Ekarioka
EkariokaEkarioka
Ekarioka
 

Similar a ESNext - Javascript future

Embedded Mirror Maker
Embedded Mirror MakerEmbedded Mirror Maker
Embedded Mirror Maker
Simon Suo
 
Windows Remote Management - EN
Windows Remote Management - ENWindows Remote Management - EN
Windows Remote Management - EN
Kirill Nikolaev
 
Locking the Throneroom 2.0
Locking the Throneroom 2.0Locking the Throneroom 2.0
Locking the Throneroom 2.0
Mario Heiderich
 

Similar a ESNext - Javascript future (20)

Embedded Mirror Maker
Embedded Mirror MakerEmbedded Mirror Maker
Embedded Mirror Maker
 
Reactive programming every day
Reactive programming every dayReactive programming every day
Reactive programming every day
 
MvvmCross Quickstart
MvvmCross QuickstartMvvmCross Quickstart
MvvmCross Quickstart
 
WMQ Toolbox: 20 Scripts, One-liners, & Utilities for UNIX & Windows
WMQ Toolbox: 20 Scripts, One-liners, & Utilities for UNIX & Windows WMQ Toolbox: 20 Scripts, One-liners, & Utilities for UNIX & Windows
WMQ Toolbox: 20 Scripts, One-liners, & Utilities for UNIX & Windows
 
Windows Remote Management - EN
Windows Remote Management - ENWindows Remote Management - EN
Windows Remote Management - EN
 
Front End performance as a Continuous Integration - Part2 (Browserperf/perfja...
Front End performance as a Continuous Integration - Part2 (Browserperf/perfja...Front End performance as a Continuous Integration - Part2 (Browserperf/perfja...
Front End performance as a Continuous Integration - Part2 (Browserperf/perfja...
 
Akka: Actor Design & Communication Technics
Akka: Actor Design & Communication TechnicsAkka: Actor Design & Communication Technics
Akka: Actor Design & Communication Technics
 
React for Re-use: Creating UI Components with Confluence Connect
React for Re-use: Creating UI Components with Confluence ConnectReact for Re-use: Creating UI Components with Confluence Connect
React for Re-use: Creating UI Components with Confluence Connect
 
Web review
Web reviewWeb review
Web review
 
PVS-Studio features overview (2020)
PVS-Studio features overview (2020)PVS-Studio features overview (2020)
PVS-Studio features overview (2020)
 
Interoperable Component Patterns
Interoperable Component PatternsInteroperable Component Patterns
Interoperable Component Patterns
 
The Mystery of Event Loop in JavaScript
The Mystery of Event Loop in JavaScriptThe Mystery of Event Loop in JavaScript
The Mystery of Event Loop in JavaScript
 
"Используем MetricKit в бою" / Марина Звягина (Vivid Money)
"Используем MetricKit в бою" / Марина Звягина (Vivid Money)"Используем MetricKit в бою" / Марина Звягина (Vivid Money)
"Используем MetricKit в бою" / Марина Звягина (Vivid Money)
 
Story of static code analyzer development
Story of static code analyzer developmentStory of static code analyzer development
Story of static code analyzer development
 
Living with garbage
Living with garbageLiving with garbage
Living with garbage
 
Cloud patterns - NDC Oslo 2016 - Tamir Dresher
Cloud patterns - NDC Oslo 2016 - Tamir DresherCloud patterns - NDC Oslo 2016 - Tamir Dresher
Cloud patterns - NDC Oslo 2016 - Tamir Dresher
 
Headless Js Testing
Headless Js TestingHeadless Js Testing
Headless Js Testing
 
Preparing for distributed system failures using akka #ScalaMatsuri
Preparing for distributed system failures using akka #ScalaMatsuriPreparing for distributed system failures using akka #ScalaMatsuri
Preparing for distributed system failures using akka #ScalaMatsuri
 
Locking the Throneroom 2.0
Locking the Throneroom 2.0Locking the Throneroom 2.0
Locking the Throneroom 2.0
 
Maharashtra state board Hsc IT Chap 3.pdf
Maharashtra state board Hsc IT Chap 3.pdfMaharashtra state board Hsc IT Chap 3.pdf
Maharashtra state board Hsc IT Chap 3.pdf
 

Último

result management system report for college project
result management system report for college projectresult management system report for college project
result management system report for college project
Tonystark477637
 
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Dr.Costas Sachpazis
 
AKTU Computer Networks notes --- Unit 3.pdf
AKTU Computer Networks notes ---  Unit 3.pdfAKTU Computer Networks notes ---  Unit 3.pdf
AKTU Computer Networks notes --- Unit 3.pdf
ankushspencer015
 

Último (20)

Water Industry Process Automation & Control Monthly - April 2024
Water Industry Process Automation & Control Monthly - April 2024Water Industry Process Automation & Control Monthly - April 2024
Water Industry Process Automation & Control Monthly - April 2024
 
Booking open Available Pune Call Girls Koregaon Park 6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Koregaon Park  6297143586 Call Hot Ind...Booking open Available Pune Call Girls Koregaon Park  6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Koregaon Park 6297143586 Call Hot Ind...
 
result management system report for college project
result management system report for college projectresult management system report for college project
result management system report for college project
 
Top Rated Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...
Top Rated  Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...Top Rated  Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...
Top Rated Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...
 
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
 
Double rodded leveling 1 pdf activity 01
Double rodded leveling 1 pdf activity 01Double rodded leveling 1 pdf activity 01
Double rodded leveling 1 pdf activity 01
 
Thermal Engineering -unit - III & IV.ppt
Thermal Engineering -unit - III & IV.pptThermal Engineering -unit - III & IV.ppt
Thermal Engineering -unit - III & IV.ppt
 
Roadmap to Membership of RICS - Pathways and Routes
Roadmap to Membership of RICS - Pathways and RoutesRoadmap to Membership of RICS - Pathways and Routes
Roadmap to Membership of RICS - Pathways and Routes
 
Intze Overhead Water Tank Design by Working Stress - IS Method.pdf
Intze Overhead Water Tank  Design by Working Stress - IS Method.pdfIntze Overhead Water Tank  Design by Working Stress - IS Method.pdf
Intze Overhead Water Tank Design by Working Stress - IS Method.pdf
 
UNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its PerformanceUNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its Performance
 
The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...
The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...
The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...
 
Java Programming :Event Handling(Types of Events)
Java Programming :Event Handling(Types of Events)Java Programming :Event Handling(Types of Events)
Java Programming :Event Handling(Types of Events)
 
AKTU Computer Networks notes --- Unit 3.pdf
AKTU Computer Networks notes ---  Unit 3.pdfAKTU Computer Networks notes ---  Unit 3.pdf
AKTU Computer Networks notes --- Unit 3.pdf
 
Call for Papers - International Journal of Intelligent Systems and Applicatio...
Call for Papers - International Journal of Intelligent Systems and Applicatio...Call for Papers - International Journal of Intelligent Systems and Applicatio...
Call for Papers - International Journal of Intelligent Systems and Applicatio...
 
Online banking management system project.pdf
Online banking management system project.pdfOnline banking management system project.pdf
Online banking management system project.pdf
 
VIP Model Call Girls Kothrud ( Pune ) Call ON 8005736733 Starting From 5K to ...
VIP Model Call Girls Kothrud ( Pune ) Call ON 8005736733 Starting From 5K to ...VIP Model Call Girls Kothrud ( Pune ) Call ON 8005736733 Starting From 5K to ...
VIP Model Call Girls Kothrud ( Pune ) Call ON 8005736733 Starting From 5K to ...
 
Generative AI or GenAI technology based PPT
Generative AI or GenAI technology based PPTGenerative AI or GenAI technology based PPT
Generative AI or GenAI technology based PPT
 
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdfONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
 
Thermal Engineering-R & A / C - unit - V
Thermal Engineering-R & A / C - unit - VThermal Engineering-R & A / C - unit - V
Thermal Engineering-R & A / C - unit - V
 
(INDIRA) Call Girl Aurangabad Call Now 8617697112 Aurangabad Escorts 24x7
(INDIRA) Call Girl Aurangabad Call Now 8617697112 Aurangabad Escorts 24x7(INDIRA) Call Girl Aurangabad Call Now 8617697112 Aurangabad Escorts 24x7
(INDIRA) Call Girl Aurangabad Call Now 8617697112 Aurangabad Escorts 24x7
 

ESNext - Javascript future

  • 2. VBScript <div> <% ' Grab current time from Now() function. ' An '=' sign occurring after a context switch (<%) is shorthand ' for a call to the Write() method of the Response object. Dim timeValue = Now %> The time, in 24-hour format, is <%=Hour(timeValue)%>:<%=Minute(timeValue)%> : <%=Second(timeValue)%> </div>
  • 3. ECMAScript 1 - Jun 97 First edition 3 - Dec 98 Added regular expressions, better string handling, new control statements, try/catch exception handling 4 - Fight! Abandoned 5 - Dec 09 Strict Mode, JSON, etc 6 - Jun 15 ECMAScript 2015: classes, arrow functions, modules, generators, collections, promises, proxies, string formatting 7 - Jun 16 ES2016: ** and includes 8 - Jun 17 ? SIMD, observable, properties, etc
  • 4. ES4 = ActionScript class com.example.Greeter extends MovieClip { public function Greeter() { var txtHello:TextField = this.createTextField("txtHello", 0, 0, 0, 100, 100); txtHello.text = "Hello, world"; } }
  • 6. ES2017 ● async/await functions ● Object.values() / Object.entries() ● stringPadding!!! Draft: ● SIMD ● rest/spread properties ● global
  • 7. Babel / Babili https://github.com/babel/babili class Mangler { constructor(program) { this.program = program; } } new Mangler(); // without this it would just output nothing since Mangler isn't used // ES2015+ code -> Babel -> Babili/Uglify -> Minified ES5 Code var a=function a(b){_classCallCheck(this,a),this.program=b};new a; // ES2015+ code -> Babili -> Minified ES2015+ Code class a{constructor(b){this.program=b}}new a;