随笔分类 - ES6
终于JavaScript也有类了。。。。
摘要：第一节：ES6的开发环境搭建 坑1：全局安装babel-cli已经不被官方推荐，改为局部安装（cnpm install babel-cli --save-dev）； 坑2：babel src/index.js -o dist/index.js命令失效，可以直接跳过这一步。 想法 相对于来说，这是一个
阅读全文
摘要：1、Class的基本用法 概述 JavaScript语言的传统方式是通过构造函数，定义并生成新对象。这种写法和传统的面向对象语言差异很大，下面是一个例子： function Point(x, y) { this.x = x; this.y = y; }; Point.prototype.toStri
阅读全文
摘要：1、函数参数的默认值 在ES6之前，不能直接为函数的参数指定默认值，只能采用变通的方法。现在ES6可以为函数的参数添加默认值，简洁了许多。 2、rest参数 ES6引入rest参数，形式为：“...变量名”，用于获取函数的多余参数，这样就不需要使用arguments对象了，rest参数搭配的变量是一
阅读全文
摘要：1、Array.from() 该方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象，包括ES6新增的数据结构Set和Map。下面是一个类似数组的对象，Array.from将它转为真正的数组。 2、Array.of() 该方法用于将
阅读全文
摘要：1、二进制和八进制表示法 ES6提供了二进制和八进制数值的新的写法，分别用前缀0b或0B和0o或0O表示。 2、Number.isFinite(),Number.isNaN() ES6在Number对象上，新提供了Number.isFinite()和Number.isNaN()两个方法用来检查一个数
阅读全文
摘要：1、RegExp构造函数 在ES5中，RegExp构造函数的参数有两种情况。第一种情况是参数是字符串，这时第二个参数表示正则表达式的修饰符；第二种情况是，参数是一个正则表示式，这时会返回一个原有正则表达式的拷贝。但是，ES5不允许此时使用第二个参数，添加修饰符，否则会报错 ES6改变了这种行为，如果
阅读全文
摘要：简介 历史上，JavaScript一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如Ruby的require和Python的import，甚至就连CSS都有@import，但是JavaScript任何这方面的支持都没有，这对大
阅读全文
摘要：简介 babel是一个广泛使用的转码器，可以将ES6代码转化为ES5代码，从而在现有环境执行，这意味着，你可以现在就用ES6编写程序，而不用担心现有环境是否支持。 安装及配置 npm install babel-cli --save-dev 或者 cnpm install babel-cli --s
阅读全文
摘要：1、数组的解构赋值 以前为变量复制，只能直接指定值。现在ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 本质上，这种写法属于模式匹配，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子 如果解构不成功
阅读全文
摘要：let和const命令 1、let命令 用法：类似于var，用来声明一个变量，区别是所声明的变量只在let命令所在的代码块内有效。 let命令很适合用在for循环的计数器中，因为let声明的变量仅在作用域内有效，下面做个对比： 上述代码由于变量i是var声明，在全局范围内都有效，所以全局只有一个变量
阅读全文
