html下使用es6模块(module)

1、html引入js




    
    
    Document





    

2、测试js


1、moduletest.js

   import { stringUtils,mLog } from './utils.js'
   import showLog from './utilsdefualt.js'
   import showMsg from './utilsdefualt1.js'
   (()=>{

      stringUtils();
      mLog(`xiaoyi`)
      showLog("默认发布的方法模块");
      showMsg.show("默认发布的对象模块")
   })();

2、utils.js
   // 第一种写法
   const stringUtils =()=>{console.log(`调用到了stringUtils`)}
   export{
     stringUtils
   }
   // 第二种写法
   export const mLog = (param) => {console.log(param)}

3、utilsdefualt.js
   export default (param) =>{console.log(param)}
4、utilsdefualt1.js
    export default {
        show(param){
            console.log(param)
        }
    }

 

你可能感兴趣的:(前端技术)