es6 course

ECMAScript 6 closer to us, as its most important dialect, JavaScript is about to usher in a major grammatical changes, Infoq set up a "simple ES6" column to see what ES6 will bring us new content. It's written in front. ES6 has been submitted to the ECMA General Assembly for review, that is to say, we will usher in a large wave of JavaScript's latest standards,

Author Jason Orendorff GitHub home Page Https://github.com/jorendorffDo you know what symbols is in ES6 and what does it do? I believe you probably don't know, so let's explore!Symbols is not used to refer to a certain kind of logo.They are also not small icons that can be used as code.They are not literary methods to replace other things.They are more unlikely to be used to refer to homophonic words cymbals (cymbals).So, what exactly is symbols?It is

of the above code is to load 3 methods from the FS module, other methods do not load. This kind of load is called "compile-time load", that is, ES6 can complete the module loading at compile time, the efficiency is higher than the load mode of COMMONJS module. Of course, this also leads to the inability to refer to the ES6 module itself, because it is not an obj

How we traverse the elements in the array. When JavaScript first started 20 years ago, you might have done array traversal: for (var index = 0; index After the ES5 is officially released, you can use the built-in foreach method to traverse the array: Myarray.foreach (function (value) { console.log (value); }); This code looks more concise, but there is a small flaw in this approach: you cannot break the loop with an interrupt statement, and you cannot return to the outer function using the r

Author Jason Orendorff GitHub home Page Https://github.com/jorendorffIntroduction to the ES6 generator (generators)What is a generator?Let's start with an example:function* quips (name) { yield "Hello" + name + "!"; Yield "I hope you enjoy this introduction to ES6 's translation"; if (Name.startswith ("x")) { yield "your name" + name + " First letter is X, this is cool! "; } Yield "We'll see you ne

Babel.js", is also worth reading, and if you are interested in JavaScript, I highly recommend subscribing to his blog. Self-sufficiency Now that we've selected the ES6, let's discuss the issue of self-sufficiency. If we develop pure react components--and you can easily make them work independently (reusable)--you can even refer to the official guide to learn how to encode. But if we need to provide the default style within the component, how do we im

Original address: https://hacks.mozilla.org/2015/08/es6-in-depth-modules/ES6 is the abbreviation for the 6th edition of ECMAScript, which is the standard for a new generation of JavaScript. ES6 in Depth is an introduction to a series of new features in ES6.ES6 is the abbrevi

Module referenceIn ES5, if the CommonJS standard is used, The React package is introduced through require. The code is similar to this:// ES5Var React = require ("react-native ");Var {Image,Text,View,} = React; // reference different React Native componentsIn ES6, the import statement is more standard.// ES6Import React ,{Image,Text,View,} From 'react-native ';Note that only versions later than React Native 0.12 support the import sy

Turn:Using Webpack for ES6 developmentSome digressionThe original intention of using Webpack is actually to use React.When learning React, there is always a problem: Since the component is modular, such as a jsx file corresponding to a component, this file contains the HTML and JS of this component, but where should his style be written? The online tutorials are written in the Jsx file, defined by variables, or written directly into the global style.

Introduction to the ES6 generator (generators)Let's start with an example:function* quips (name) {Yield "Hello" + name + "!";Yield "I hope you enjoy this introduction to ES6 's translation";if (Name.startswith ("X")) {Yield "Your name" + name + "First letter is X, this is cool!" ";}Yield "We'll see you next time! ";}This code looks much like a function, which we call a generator function, which has a lot in

device that converts ES6 code into ES5 code, which can be executed in a browser or other environment. This means that you can write your program in a ES6 way without worrying about whether your existing environment supports it.And you want to be able to automatically transcode every time you change your code, so you'll also need to use Webstorm's file Watcher (and of c