ES6-module

注意:

  1. 在Node环境下js无法解释, 应用.mjs文件并且在node13+版本
  2. html加载使用要加上type<script src="b.js" type="module"></script>并且在服务器环境下使用

    import

  3. import * as xx from

  4. import xx, {xx,xx} from
  5. import {default as xx}
  6. import xx from

    export

    只能有一个export default 同时可以有多个export

  7. export xx

  8. export {xx,xx}
  9. export default {xx:xx}

    css

  10. 普通: import ‘swiper/dist/css/swiper.css’

  11. 模块化: import swiper from ‘swiper/dist/css/swiper.css’

    commonJS

    exports

  12. exports.xx= xx

  13. module.exports = xx

    require

  14. 导入nomoudle文件夹内容:const path = require(‘path’);

  15. 普通导入:const main = require(./main.js)

    this指向问题

    ```javascript //关于global let a = 10; console.log(window) //报错 console.log(global) //全局对象global console.log(global.a) //undefined

global.b = 20 console.log(global.b) //20

//关于this //在node引擎下解释js文件的时候 this不指向全局对象 console.log(this === global) //false //在node引擎下解释js文件的时候 this指向exports对象 即导出的东西{a:10,b:20} console.log(this === exports) //true ```