ES6在企业中的应用

  1. 模板字符串
  2. 解构赋值
    解构赋值最常用的在于函数。
  3. 数组spread

es6浅拷贝

    var arr = [1,2,3]
    var arr1 = [...arr]
  1. 函数新特性之箭头函数
  2. 函数新特性之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]

  1. 函数新特性之默认值

应用场景:

function  test(a=1){
    console.log(a);
}
test();//1
test(2);//2

没有传参数的时候就默认参数是1,有传参数的时候就以传进去的参数为准。

  1. 在使用promise时一定要return promise,不然跟普通的回调就没有什么差别了。

  2. 实战
    实战的话移动端可以放心大胆的使用es5,在PC端可以使用es5-shim。
    但是es6的话的兼容性问题就很严重了。。。没有办法愉快的使用es6了吗???肯定不是的,我们可以使用babel!
    看看怎么使用吧!

  • 在线编译器:(https://babeljs.io/repl)
  • grunt,gulp,webpack(https://babeljs.io/docs/setup/)
  • fis
  1. 优点总结
  • 官方规范
  • 代码行数减少
  • 开发效率变快
  • 减少第三方库的依赖
  • 面向未来,原生支持

其他更多的ES6知识可以查看ES6学习笔记:
https://www.jianshu.com/p/94ce363d7237

你可能感兴趣的:(ES6在企业中的应用)