- 模板字符串
- 解构赋值
解构赋值最常用的在于函数。 - 数组spread
es6浅拷贝
var arr = [1,2,3]
var arr1 = [...arr]
- 函数新特性之箭头函数
- 函数新特性之rest参数
应用场景:
function bbb(...args){
return args.join('!')
}
args是一个真正的数组,不同于es5的arguments。要实现上面的代码,在es5中可能是这样写的:
function aaa(){
return [].slice.call(arguments,0).join('!')
}
还可以这样用:
function bbb(x,y,...args){
}
bbb(1,2,...[3,4,5])
这里的1对应x,2对应y,args对应[3,4,5]
- 函数新特性之默认值
应用场景:
function test(a=1){
console.log(a);
}
test();//1
test(2);//2
没有传参数的时候就默认参数是1,有传参数的时候就以传进去的参数为准。
-
在使用promise时一定要return promise,不然跟普通的回调就没有什么差别了。
-
实战
实战的话移动端可以放心大胆的使用es5,在PC端可以使用es5-shim。
但是es6的话的兼容性问题就很严重了。。。没有办法愉快的使用es6了吗???肯定不是的,我们可以使用babel!
看看怎么使用吧!
- 在线编译器:(https://babeljs.io/repl)
- grunt,gulp,webpack(https://babeljs.io/docs/setup/)
- fis
- 优点总结
- 官方规范
- 代码行数减少
- 开发效率变快
- 减少第三方库的依赖
- 面向未来,原生支持
其他更多的ES6知识可以查看ES6学习笔记:
https://www.jianshu.com/p/94ce363d7237
网友评论