Just as with single and double quotes delimiters, back-ticks can also be escaped in template literals if the string contains a back-tick character. Such strings are called template literals.

In ES6, strings can also be delimited by a pair of back-ticks( `string`). Prior to ES6, strings are delimited by either a pair of single quotes( ‘string’) or a pair of double quotes( “string”). It also makes it possible to perform enhanced string substitutions and proper formatting of seemingly dangerous strings such as strings to be embedded into HTML. With template literals, you can create multiline strings with ease. In ES6, template literals were introduced for dealing with a few challenges associated with formatting and representing strings. In this article, we will explore five of these ES6 features and consider how we can utilize them in improving our JavaScript code. Some of these new features and syntax improvements include: classes, modules, promises, template literals, destructuring, arrow functions, generators, sets and maps, symbols, and typed arrays, proxies, This makes writing JavaScript programs more efficient, less error-prone, and so much interesting. However, the ES6 specification of the language ( commonly referred to as ES2015) added a lot of syntax improvements and new features. The adoption of the language is increasing among programmers of different categories and levels.Īs with most things, there have been quite a few changes across various versions of the language since its creation. JavaScript is a very powerful programming language that runs on a wide range of platforms, especially with the advent of JavaScript runtimes like Node.js.

Hacking stuffs JavaScript ES6: 5 new abstractions to improve your codeĪug22 min read 6290 Leverage powerful ES6 features to write better, elegant, and more predictable JavaScript. 'msg': 'fn: function () ).Glad Chinda Follow Full-stack web developer learning new hacks one day at a time. The error that gives me the browser console is: Uncaught Error: 10 $digest() iterations reached.Īborting!Watchers fired in the last 5 iterations: [ The problem that gives me is that, for some reason, it enters the directive by changing the value of the 'variable' between the value I give it by default and undefined until it blocks the browser however if I put it different to null, for example, it does not have this behavior. In my 3 years with AngularJS (Angular 1) I have never had a problem with this directive, but now I'm beginning to fail and I can't understand why. I have always used the ngRequired directive with a undefined condition to indicate that if a variable is different from undefined that makes the form field compulsory.

Eve ng undefined error issues