ES6 入坑（一）

一、用webpack配置es6的编译环境

http://blog.csdn.net/xiaozhuxmen/article/details/51597923

 

 

二、es6可以导入本地的json文件

先安装json-loader ，然后在config  loader里面设置 

{
    test: /.json$/,
    loader: 'json-loader'
}

 

三、es6 import&export 导入导出

基本用法：

export default modulename
import modulename from "./filename"

 

 

四、es6 字符串模板 template string

js里面字符串都要用+号和双引号，非常不方便。在es6里面则非常简单，用反引号标志起始，用${}来放置变量，里面可以放置js代码，包括计算、对象属性、调用函数等。

e.g.
let _html = `<p>this is a <span>${template}</span></p>`

 

 

五、es6兼容ie浏览器

es6部分语法和方法如promise、Array.form()等不支持ie浏览器，需要用es6-shim来兼容，可以用npm安装，或者直接引入

guihub主页： https://github.com/paulmillr/es6-shim，这个文件整个有100多k那么大，压缩之后大概是六十多K，如果只用了其中的一些，可以单独引入单个的。

 

 

六、...扩展运算符&rest参数

扩展运算符可以把数组转化成逗号分割的参数序列，主要用在函数的调用上面

e.g.
add(a,b)=>return a+b;
let arr = [25,30];
add(...arr);          //55

rest参数可以看成和扩展运算符刚好相反，不管传入多少逗号分割的参数，都会当成一个数组来对待，可以通过遍历来获取。

e.g.
foo(...args)=>return args;
foo(1,2,3,4,5,6,7);       //[1,2,3,4,5,6,7]