es6 generator函数
es6 新增了Generator函数，一种异步编程的解决方案回顾一下，es6 提供了新的遍历方法，for of ，适用于各种数据集合，统一了遍历操作，原生支持for of 集合的数据集合有。数组，字符串一部分的类数组，map,set。而对象是不适合与 for of 遍历的，因为原生没有实现Itera...
【es6】Generator 函数
1. 基本概念状态机，封装了多个内部状态2. 应用返回一个遍历器对象。3. 代码形式function* helloWorldGenertor() { yield 'hello'; yield 'world'; return 'ending';}var hw = helloWorld...
ES6的新特性（17）——Generator 函数的异步应用
Generator 函数的异步应用异步编程对 JavaScript 语言太重要。Javascript 语言的执行环境是“单线程”的，如果没有异步编程，根本没法用，非卡死不可。本章主要介绍 Generator 函数如何完成异步操作。传统方法ES6 诞生以前，异步编程的方法，大概有下面四种。回调函数事件...
ES6的generator函数
generator是什么？generator是ES6提供的一种异步编程解决方案，在语法上，可以把它理解为一个状态机，内部封装了多种状态。执行generator，会生成返回一个遍历器对象。返回的遍历器对象，可以依次遍历generator函数的每一个状态。同时ES6规定这个遍历器是Generator函数...
ES6必知必会 （七）—— Generator 函数
Generator 函数1.Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同，通常有两个特征：function关键字与函数名之间有一个星号；函数体内部使用yield表达式，定义不同的内部状态//一个简单的 Generator 函数function *Gene...
ES6中的箭头函数和普通函数有什么区别？
1、普通函数中的this总是指向调用它的那个对象，箭头函数没有自己的this，他的this永远指向其定义环境，任何方法都改变不了其指向，如call（）、bind（）、apply（）。（正是因为它没有this，所以也就不能用作构造函数，也没有原型对象）2、箭头函数不能当作构造函数，也就是说，不能使用n...
es6继承 vs js原生继承(es5)
最近在看es2015的一些语法，最实用的应该就是继承这个新特性了。比如下面的代码： $(function(){ class Father{ constructor(name, age){ this.name = name; ...
[ES6] 11. String Templates
ECMAscript 6 lets us use string templates to gain a lot more control over strings in JavaScript.var salutation = "Hello";var place = "New York";var gr...
ES6中的Promise用法
Node的产生，大大推动了Javascript这门语言在服务端的发展，使得前端人员可以以很低的门槛转向后端开发。当然，这并不代表迸发成了全栈。全栈的技能很集中，绝不仅仅是前端会写一些HTML和一些交互，后台熟悉数据库的增删查改。想必接触过Node的人都知道，Node是以异步(Async)回调著称的，...
JavaScript ES6特性
ES6 核心特性块级作用域let : 声明的变量存在块级作用域 不会声明提前ES5// ES5 // 声明提前var x = 'outer';function test(inner) { if (inner) { var x = 'inner'; console...
ES6学习笔记<五> Module的操作——import、export、as
import export这两个家伙对应的就是es6自己的 module功能。我们之前写的Javascript一直都没有模块化的体系，无法将一个庞大的js工程拆分成一个个功能相对独立但相互依赖的小工程，再用一种简单的方法把这些小工程连接在一起。这有可能导致两个问题：一方面js代码变得很臃肿，难以维护...
前端工程化-webpack(babel编译ES6）
最新版安装与普通安装使用babel-loader编译ES6,需要遵循规范，安装babel-presets规范列表对应babel-loader，babel-preset安装最新版和普通版：presets算是loader的参数，如何指定参数？babel-presets也有一个参数就是targets,这个...
es6基础系列二：Number
es6中关于Number类型的变化，主要有以下几点Number.isInteger(新增，判断是否为整数)Number.EPSILON(新增，判断是否可忽略的误差)Number.MAX_SAFE_INTEGER(新增，可以在js中安全且精确地表示的最大整数)Number.MIN_SAFE_INTEG...
[ES6]探究数据绑定之Proxy
知识储备Proxy 方式实现数据绑定中涉及到 Proxy、Reflect、Set、Map 和 WeakMap，这些都是 ES6 的新特性。ProxyProxy 对象代理，在目标对象之前架设一层拦截，外部对目标对象的操作，都会通过这层拦截，我们可以定制拦截行为，每一个被代理的拦截行为都对应一个处理函数...
ES6学习重难点总结（持续更新）
Symbol1.Symbol.iteratorSymbol.iterator指向对象的默认遍历器方法：String.prototype[Symbol.iterator]//ƒ [Symbol.iterator]() { [native code] }Array.prototype[Symbol.it...
ES6 Proxy和Reflect（下）
construct()construct方法用于拦截new命令。var handler = { construct (target, args) { return new target(...args); }}下面是一个例子。var p = new Proxy(function() {},...
ES6 对象增强
对象字面量语法扩展：1, 属性初始化语法简写：给一个属性赋一个变量值，如果变量名和属性名相同，可以省略变量名和冒号，直接写属性名，js引擎在执行代码的时候，自动查找 和属性命名相同的变量并赋值。let x = 1, y = 2;let object = { x, // 属性名是x，变量名也是x, 两...
ES6笔记① var 和 let的区别
let 和 var的区别 答：不同点在于作用域1.（全局下）首先 let关键字声明的变量是这样写会导致错误。let声明的变量类似于”本地变量“，函数内如何不重新声明，还是会被改变var a =10;var a ="10a";let b =20;let b ="20b";console.log...
ES6 系列之 Babel 是如何编译 Class 的(下)
前言ES5 寄生组合式继承function Parent (name) { this.name = name;}Parent.prototype.getName = function () { console.log(this.name)}function Child (name, ag...
初步接触ES6
Babel---ES6转码器ES6 声明变量的六种方法ES5 只有两种声明变量的方法：var命令和function命令。ES6除了添加let和const命令，另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有6种声明变量的方法。1.let用来声明变量。1).只在let命令...