一.工具: sublime,node.js,npm 1.安装sublime 的es6插件: (1).在sublime中按Ctrl+`调出console (2).粘贴以下代码到底部命令行并回车(sublime 3): import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path();urllib.request.install_opener( urlli…

背景 周末闲来无事,随便翻看了一下阮一峰老师的<ES6 标准入门>第2版,ps:之前在阮一峰老师的官网看过电子版,感觉干货满满,所以就买了纸质版:当看到第16章第4节 'Promise.prototype.catch()'时,遇到了一个小困惑,下面我们来一起看一下 开胃汤 首先,Promise.prototype.catch方法是用来'捕获Promise回调函数中自然发生或主动抛出的错误',何为自然发生?何为主动抛出? 自然发生的错误: function a() { var x = 1; co…

1.开始学习es6 如果想在浏览器跑es6  需要给es6个环境 因为一直用vue-cli全家桶 这样虽然方便 但如果用es6需要跑起个vue全家桶 于是想到可以用gulp搭建个开发环境 首先需要1. 安装 gulp-babel babel-preset-es2015 Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行. cnpm install --save-dev gulp-babel babel-preset-es2015 2.cnpm instal…

我要发免费专题了,向下看 公众号和博客都有一阵没更新了,丢了一些粉儿,但是也很庆幸,时时还会有人关注.我并不是什么专业讲师,文章都是利用业余时间手工原创.在这里非常感谢各位的支持和厚爱. 这个月开始,各平台会慢慢地恢复更新.本篇也是想对我这段时间的情况做一些陈述,以及概述一下接下来的文章计划. 断更原因 断更原因是工(ge)作(ren)比(tou)较(lan)忙(le),同时也在处理个人的一些事情.期间有收到了一些私信和留言,我都有认真阅读和回复.我还在,没有跑路.不要连环发图片轰炸我. 这几个…

[系统学习ES6] 本专题旨在对ES6的常用技术点进行系统性梳理,帮助大家对其有更好的掌握.计划每周更新1-2篇,希望大家有所收获. 以前用ES5时,声明变量只能用var.ES6的出现,为我们带来了两种新的声明方式:let和const.我们可以先简单记忆: var:声明全局变量 let:声明局部变量 const:声明常量 var声明 var在ES6里是用来声明全局变量的,我们先看一个简单的例子: var a = "lemoncool";console.log(a); 控制台输出了&qu…

[系统学习ES6] 本专题旨在对ES6的常用技术点进行系统性梳理,帮助大家对其有更好的掌握,希望大家有所收获. ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构.解构是一种打破数据结构,将其拆分为更小部分的过程. 为何使用解构 传统写法中,从数组或对象中提取特定数据赋值给变量,编写了很多结构相同,变量不同的代码,例如: let option = { name:'foo', type:'string' }; let name = option.name; let type…

第一节:ES6的开发环境搭建 坑1:全局安装babel-cli已经不被官方推荐,改为局部安装(cnpm install babel-cli --save-dev): 坑2:babel src/index.js -o dist/index.js命令失效,可以直接跳过这一步. 想法 相对于来说,这是一个挺好的入门的教程,既没有阮老师写的那么晦涩难懂,也没有各种视频一来就写上一堆代码,毫无侧重点,让人学的简直吐血. 总结 在学习技术的时候,必须要快速入门(尽量三天内).刚开始的时,尽量别看视频,看高赞…

ES6 简要概览 这里是ES6 简要概览.本文大量参考了ES6特性代码仓库,请允许我感谢其作者@Luke Hoban的卓越贡献,也感谢@Axel Rauschmayer所作的[优秀书籍]//exploringjs.com/es6/). 起初当我听说ES6时,我花了很多精力去消化学习其概念和基础知识.我经历了这些,希望你们无需重蹈覆辙.因此我写下了这篇对ES6及其新特性的简要介绍,所有知识点都解释得通俗易懂,简明扼要,对于像我这样的新人非常友好. 简介 ES6,也称作ECMAScript 2015…

一.Iterator (遍历器)的概念: 遍历器(Iterator)就是这样一种机制.它是一种接口,为各种不同的数据结构提供统一的访问机制.任何数据结构只 要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有成员). Iterator的作用有三个: 一是为各种数据结构,提供一个统一的.简便的访问接口: 二是使得数据结构的成员能够按某种次序排列: 三是ES6创造了一种新的遍历命令for...of循环,Iterator接口主要供for...of消费. 1.在ES6中,有三类数据…

一:Set用法: ES6提供了新的数据结构Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. (1).打印:console.log var data = new Set([1,2,3]); //Set {1, 2, 3} console.log(data); (2).添加: add data.add(4); //Set {1, 2, 3, 4} console.log(data); //Set不会重复添加成员 data.add(4); //Set {1, 2, 3, 4} consol…