随笔分类 - ES6
摘要：整理目前所用过的数组方法，学习了新增的es6方法。 1 arr.push() 从后面添加元素，返回值为添加完后的数组的长度 let arr = [1,2,3,4,5] console.log(arr.push(5)) // 6 console.log(arr) // [1,2,3,4,5,5] 2
阅读全文
摘要：一、概述 async 函数是 Generator 函数的语法糖 使用Generator 函数，依次读取两个文件代码如下 var fs = require('fs'); var readFile = function (fileName) { return new Promise(function (
阅读全文
摘要：阅读目录 回顾 Promise async await 字面理解 async、await 如何执行 await 操作符 总结 既然有了promise 为什么还要有async await ？ 当然是promise 也不是完美的异步解决方案，而 async await 的写法看起来更加简单且容易理解。
阅读全文
摘要：你一定碰到过这些库 babel-polyfill 项目地址：https://github.com/babel/babel/blob/master/packages/babel-polyfill 通过两个依赖实现功能 core-js/shim 提供 ES5/6/7 标准方法的实现 regenerate
阅读全文
摘要：ECMAScript将对象的属性分为两种：数据属性和访问器属性。每一种属性内部都有一些特性，这里我们只关注对象属性的[[Enumerable]]特征，它表示是否通过 for-in 循环返回属性，也可以理解为：是否可枚举。然后根据具体的上下文环境的不同，我们又可以将属性分为：原型属性和实例属性。原型属
阅读全文
摘要：一、配置文件.babelrc .babelrc 文件存放在项目的根目录下。 { "presets": [], "plugins": [] } presets 字段设定转码规则，你可以根据需要安装。 $ npm install --save-dev babel-preset-es2015 # reac
阅读全文
摘要：平时开发中，经常需要用到ES6/ES7的语法。那么就需要用到Babel来对代码进行转码处理。 之前用Vue比较多，所以以Vue-cli作为参考来分析。 第一张图是几个月前的Vue-cli生成的 第二个图是今天使用Vue-cli生成的 Babel-core 顾名思义，这是 babel 的核心代码，但是
阅读全文
摘要：背景 babel的官网说babel是下一代的js语法编译器，现在自己也在很多项目中使用了babel，可是自己对babel的认识呢，只停留在从google和别人项目中copy的配置代码上，内心感到很不安，最近花了点时间整理了一下，分享给大伙。 babel常用配置 通常在前端或node项目中，进行以下配
阅读全文
摘要：Node.js 7.6已经支持async/await了，如果你还没有试过，这篇博客将告诉你为什么要用它。 Async/Await简介 对于从未听说过async/await的朋友，下面是简介: async/await是写异步代码的新方式，以前的方法有回调函数和Promise。 async/await是
阅读全文
摘要：语法 用于函数调用 myFunction(...iterableObj); 用于数组字面量 [...iterableObj, 4, 5, 6] 函数传参 目前为止,我们都是使用Function.prototype.apply方法来将一个数组展开成多个参数: function myFunction(x, y, z) { } var args = [0, 1, 2]; myFunction.a...
阅读全文
摘要：for in是ES5标准，遍历key. for of是ES6标准，遍历value. 一个比较神奇的例子：
阅读全文
摘要：来源：https://segmentfault.com/a/1190000005863641 let和const命令 ES6新增let命令，用于声明变量，是块级作用域。 let声明的变量不会像var声明的变量发生“变量提升”现象，所以，变量一定要在声明后使用，不然就会报错。 暂时性死区：只要块级作用
阅读全文
摘要：原谅我做一次标题党，Ajax 不会死，传统 Ajax 指的是 XMLHttpRequest（XHR），未来现在已被 Fetch 替代。 最近把阿里一个千万级 PV 的数据产品全部由 jQuery 的 $.ajax 迁移到 Fetch，上线一个多月以来运行非常稳定。结果证明，对于 IE8+ 以上浏览器
阅读全文
摘要：ES6标准发布后，前端人员也开发渐渐了解到了es6，但是由于兼容性的问题，仍然没有得到广泛的推广，不过业界也用了一些折中性的方案来解决兼容性和开发体系问题，但大家仍很疑惑，使用ES6会有哪些兼容性问题。 一、兼容性问题现状 针对ES6的新特性兼容性问题，目前解决的方案是使用语法解析转换工具将es6语
阅读全文
摘要：过去几年像 Underscore 和 lodash 等库进入许多JavaScript程序员的工具函数中。虽然这些工具库可以使你的代码写起来更容易，但是他们不一定使代码更简单或更容易理解。 各种工具函数库层出不穷，每个工具库的写法也各有不同，这样给阅读和维护你代码的人也带来了一定的困难，以为他必须了解
阅读全文