随笔分类 - ES5和ES6
摘要：ES6中定义类的方式， 就是ES3和ES5中定义类的语法糖，虽然也有些区别，但是整体定义类的方式更加简洁，类的继承更加方便， 如果想对ES6中的继承更加熟悉， 最好了解ES5中原型继承的方式， 博客园中说JS继承的文章很多， 想要深入了解的同学自己去搜； 定义一个class： 每一个使用class方
阅读全文
摘要：在ES6前， 前端就使用RequireJS或者seaJS实现模块化， requireJS是基于AMD规范的模块化库， 而像seaJS是基于CMD规范的模块化库， 两者都是为了为了推广前端模块化的工具， 更多有关AMD和CMD的区别， 后面参考给了几个链接； 现在ES6自带了模块化， 也是JS第一次支
阅读全文
摘要：Promise的基本使用： 利用Promise是解决JS异步执行时候回调函数嵌套回调函数的问题， 更简洁地控制函数执行流程； 通过new实例化Promise， 构造函数需要两个参数， 第一个参数为函数执行成功以后执行的函数resolve， 第二个函数为函数执行失败以后执行的函数reject： 通过P
阅读全文
摘要：ES6的很多特性都跟Generator扯上关系，而且实际用处比较广， 包含了任何需要异步的模块， 比如ajax， filesystem， 或者数组对象遍历等都可以用到； Generator的使用： Generator函数和普通的函数区别有两个， 1：function和函数名之间有一个*号， 2：函数
阅读全文
摘要：本文所有Demo的运行环境为nodeJS， 参考：让nodeJS支持ES6的词法 babel的安装和使用 ； 函数的默认值： 如果有参数 ，那就用参数， 如果没有参数， 那就用默认的参数； ajax的请求经常要做这些判断， ES6规定了新的表达式， 让判断参数的逻辑更加简单； 如果调用函数的时候不想
阅读全文
摘要：Map对象 Map对象是一种有对应 键/值 对的对象， JS的Object也是 键/值 对的对象 ； ES6中Map相对于Object对象有几个区别： 1：Object对象有原型， 也就是说他有默认的key值在对象上面， 除非我们使用Object.create(null)创建一个没有原型的对象； 2
阅读全文
摘要：ES6提供了新的数据结构Set，Set对象不是数组， 可以用来保存对象或者基本类型， 所有保存的值都是唯一的, chrome浏览器>38和FF>13，以及nodeJS，对Set支持良好， 以下的一些代码，都可以拷贝到控制台直接运行哦； 创建Set实例的基本方法为: 或者这样： 可以看到，以上重复的4
阅读全文
摘要：Reflect介绍： Reflect这个对象在我的node(v4.4.3)中还没有实现, babel(6.7.7)也没有实现 ,新版本的chrome是支持的， ff比较早就支持Proxy和Reflect了，要让node支持Reflect可以安装harmony-reflect ; Reflect不是构
阅读全文
摘要：ES6新特性：Proxy； 要使用的话， 直接在浏览器中执行即可， node和babel目前还没有Proxy的polyfill;，要使用的话，直接在浏览器中运行就好了， 浏览器的兼容性为：chrome>49或者firefox>18； Proxy的基本使用： Proxy如其名， 它的作用是在对象和和对
阅读全文
摘要：本文的Demo的运行环境为nodeJS， 参考：让nodeJS支持ES6的词法 babel的安装和使用 ； 解构赋值是一种表达式， 利用这种新语法， 可以直接从数组或者对象中快速提取值 赋值给不同的变量， 利用这种写法的好处是减少了代码量， 一定程度优化了代码， 也有一点缺点就是阅读代码不再那么直观
阅读全文
摘要：本文所有Demo的运行环境都为nodeJS， 参考：让nodeJS支持ES6的词法 babel的安装和使用 ； ES6新增了一种数据类型：Symbol，Symbol是用来定义对象的唯一属性名的不二之选； Symbol如何使用 Symbol如何使用呢， Symbol不是一个构造函数哦， 如果用new
阅读全文
摘要：（声明， 本文的所有代码均在node的最新稳定版本v4.4.3中执行的， 如果在浏览器中执行请把JS的运行环境提升为ES6） 以前一直用var定义变量， 现在有了两种新的定义变量的方式， 1： let， 2： const；本文大概概括下使用let和const定义变量有哪些好处； let： 1：声明提
阅读全文
摘要：要使用Babel， 我们需要nodeJS的环境和npm， 主要安装了nodeJS， npm就默认安装了 ， 现在安装nodeJS很简单了， 直接下载安装就好了； 安装es-checker 在使用Babel之前 ， 我们要先检测一下当前node对es6的支持情况， 我们使用先es-checker， 命
阅读全文
