es6 for beginners

https://hacks.mozilla.org/2015/04/es6-in-depth-an-introduction/Counting to 6The previous editions of the ECMAScript standard were numbered 1, 2, 3, and 5.What is happened to Edition 4? An ECMAScript Edition 4 is once planned-and in fact a ton of work is done on it-but it is eventually scrapped as too am Bitious. (It had, for example, a sophisticated opt-in the static type system with generics and type inference.)ES4 was contentious. When the standards

Point of this in es5 var factory = function(){ this.a = ‘a‘; this.b = ‘b‘; this.c = { a:‘a+‘, b:function(){return this.a} } };console.log(new factory().c.b()); // a+ Through es5 syntax call, the returned result is a +, and this points to the object called by the function, that is, who this points to when the function is called, which object calls this function? Who is this. Point of the arrow function this in es6 var factory =

1, ES6 provides a more approach to the traditional language, introduced the concept of Class (Class) as an object template. classyou can define a class by keyword.2.// Defining Classes class Point { constructor (x, y) { this. x = x; this. y = y; } ToString () { returnthis this. y + ') '; }}The above code defines a "class", and you can see that there is a constructor method in it, that is, the constructor method, and the this keyword rep

1. The Iterator is an interface that provides a unified access mechanism for a variety of different data structures. Any data structure can be traversed (that is, all members of the data structure are processed sequentially) as long as the iterator interface is deployed.2. Iterator has three functions: one is to provide a unified and simple access interface for various data structures, and the other is to make the members of the data structure arranged in some order; the third is

Expansion of arraysOne, class array objects and traversed objects are converted to arraysThe Array.from () method is used to convert a class array object, a traversal object, to an array, which can traverse objects including ES6 new set and map structuresThe so-called Class array object, the intrinsic characteristic is that the length property must be1Let Arraylikeobj = {2' 0 ': ' A ',3' 1 ': ' B ',4' 2 ': ' C ',5Length:36 }7 8 ES5 conversion to an ar

Previous article "A ES5-based Vue demo" We talked about how to do a small demo with Es5,vue-router, and then we'll turn it into a es6+webpack based demo.I. Environment construction and code conversionWe build the Vue development environment first, according to one of my essays, "Vue Development environment Building and thermal Update", we step by step to build the development environment, project named Es6-

1.1 iterable literal meaning: iterative, repeatableiterableIs the new type introduced by the ES6 standard. and Array , Map and Set all belong to the iterable type1.2 Why join a iterable type? Traversing the array can take the subscript loop, and traversing the map and set cannot use the subscript. The collection type is not uniform. For a loop of type array for...in , an unexpected effect occurs when additional attributes are added. So it

ObjectiveMany years ago, we introduced code that was introduced directly with script SRC, or wrote a loadscript on its own.With script Src Way, when the project JS file more, there will be a lot of script tags on the page, put aside performance for the time being, the code is very ugly, and very poor maintenance, especially when the JS file has a dependency, more difficult to deal with.In order to solve this pain point, to handle the load and dependency of JS, and to promote JS modular developme

In the last chapter, the modular API is a static import process, that is, it is not possible to import some other modules dynamically according to the program logic. There is a dynamically imported API in the draft phase of the ES6 specification, but it was removed when the ES6 formal specification came out, you can refer to Https://github.com/ModuleLoader/es6-mo

The traditional way of JavaScript language is to define and generate new objects through constructors. Here is an example. (Can be Factory mode, constructor mode, combination of the advantages and disadvantages of the model can be found on the Internet) function point (x, y) { This.x=x; This.y = y; } Point.prototype.toString = function () { Return ' (' +this.x+ ', ' +this.y+ ') '; } var p= new Point; Define the way classes are used in ES6: Defines a

It is applicable to PHP beginners and php beginners. This article describes the learning routes and suggestions for PHP beginners. for php beginners, [Guide] this article focuses on PHP learning issues! PHP Resource summary Daquan on Github, learning routes and suggestions for PHP