前端之js-ES6

es6的写法总结

1.0 利用import…form….代替require（）

***方式一： 导入一个css文件，不接收对象
    require写法： require("site.css")
    import写法：import "site.css"
***方式二：导入一个js模块并且要接收一个对象
    require写法： var calc = require(" calc.js ")
    import写法： import calc form "calc.js"

2.0 对象的写法

***导出一个模块对象es5的写法：
   module.exports = {
            add:add,
            substrict:substrict
   }
***导出一个模块对象es6的写法：
   module.exports = {
            add,
            substrict
   }
***注意点：这种写法必须是属性名和属性值变量是同一个，否则要分开写
    module.exports = {
            addFn：add,
            substrict
   }

一个对象中方法的写法

  ***导出一个模块对象es5的写法：
      module.exports = {
              addFun:function(x,y){
                    return x+ y;
             }
     }
  ***导出一个模块对象es6的写法：
      module.exports = {
              addFun(x,y){
                    return x+ y;
             }
     }

导出对象的写法

    function add(){}
    function substrict(){}
    ***************法一**************************
    es5导出写法：
    module.exports.add = add;
    module.exports.substrict = substrict;
         导入写法：var calc = require("./calc.js");
    es6导出写法：
    export function add(){}
    export function substrict(){}

*****法二****************
es5导出写法：

    module.exports = { add:add, substrict:substrict}
    es6导出写法：
    export default{
        add,substrict
    }

******es6导入写法******************************

    //表示取得calc.js中所有暴露出来的对象
    import  calc from "./calc.js”
    //只获取到calc.js中的add方法（按需获取）
    import {add} from "./calc.js"