Missed JavaScript Days 2026? The Replays Are Now Available – Watch Now!

Ext JS & ECMAScript 2015

October 18, 2016 2635 Views

Get a summary of this article:

Show

Are you ready for SenchaCon 2016? Las Vegas is the place to be for every JavaScript developer! We’ll have great announcements and showcases about the next version of Ext JS. I’ll be doing a session about ECMAScript 2015.

ECMAScript 2015

At SenchaCon 2016, you’ll learn how you can use ES2015 to take advantage of cleaner JavaScript code in your own Ext JS classes and controllers.

Join me for my session: Learn the Top 10 ECMAScript 2015 Features. I’ll cover the top 10 new features of ECMAScript 2015 and teach you how to use them by showing code examples:

Block Code Constructs, Arrow functions, Default Parameters, Promises (see my earlier post on Asynchronous JavaScript: Promises), Classes, Modules, and more.

There are many more cool features, but I can’t fit every cool ECMAScript 2015 feature in my 45-minute presentation, so I’m going to share ECMAScript 2015 Generators with you today.

Generators

Generators are simply subtypes of Iterators. They are a special kind of function that can be suspended and resumed, which is different than iterators.

Generators use function* and yield operators:

Note the yield statements. They return a generator instance and move to the next yield when next() is called.

The snippet for the Dice Generator has a while loop that won’t end. It can roll numbers between 1 and 6.

Generators are supported in most of the modern desktop browsers. See the ECMAScript Compatibility Table.

If you want to use it in production, you’ll need to use a transpiler like Babel, which provides a polyfill.

The new ECMAScript standard will help you write better code, and make it easier. For Sencha developers, we benefit by writing clean code in Sencha classes, controllers, models, etc. I hope you’re as excited about this preview as I am. To learn more about ECMAScript 2015, join me at SenchaCon. Register today.

You’ll have a chance to meet the Sencha product managers and engineers, and you can ask them everything you want to know. Join us in the Sencha Zone, located in the Community Pavilion.

ECMAScript Evolution

Author

Lee Boonstra

Lee is a sales engineer at Sencha in Europe. She’s located in Amsterdam and has experience in both front-end and back-end development. Lee spends her spare time developing web and mobile apps. She also wrote a book for O'Reilly: Hands-on Sencha Touch 2.

Recommended Articles

How to Use the Ext JS Grid in React: Setup, Columns, Editing and Grouping

Set up the Ext JS grid in React with ReExt, then add typed columns, store-backed data, inline editing, grouping and summaries. Full code included. The…

Understanding Ext JS Layouts and Containers: An Introduction (Classic vs. Modern)

Building complex, responsive, and data-intensive Web applications requires a solid layout engine. In Ext JS, the layout system is the backbone of your Application UI.…

AI-Driven Test Grading with Ext JS, Node.js, and OpenAI: A Secure Enterprise Architecture

Learn how to build an AI-driven test grading system with Ext JS, Node.js, MySQL, and OpenAI using secure API architecture, deterministic scoring, and human oversight.…

Sencha AI Just Got a Lot Bigger: One Chatbot, Every Sencha Product

Sencha’s AI assistant has grown from a focused Ext JS helper into a product-aware chatbot covering the whole Sencha suite. Here’s what’s new and why…

Building High-Performance Real-Time Operational Dashboards with Ext JS and React

Real-time operational dashboards are no longer simply reporting interfaces. In logistics, fleet management, supply chain operations, financial services, and other data-intensive environments, they are part…

Async/await with Ext JS

Probably one of the most appreciated features of the latest versions of JavaScript is Promises, and in particular their use through the new language keywords…

View More