1、es6模块体系

js历史上一直没有模块体系，无法将一个大程序分成互相依赖的小文件，再用简单的方法拼接起来。其他语言都有这项功能，甚至连css都有@import。
所以es6增加了此功能，可以通过export命令显式将指定的代码进行输出，再通过import命令导入

  1. // 在demo.js中导出
  2. export var firstName = "hello"             
  3. export var year = 2022    
  4. export function add(x,y){
  5.   return x + y;
  6. }
  8. //在需要用到的文件中，如在index.js文件中进行导入
  9. //导入时可以用as定义别名
  10. import { firstName as fName,year,add } from "./demo.js"  
  11. console.log(fName);
  12. console.log(year);
  13. console.log(add(1,2));

2、用babel来测试运行js

  1. 全局安装babel-cli

    1. npm install -g babel-cli

  2. 安装babel-preset-env

    1. npm install -D babel-preset-env

  3. 运行指定的js代码

    1. babel-node --presets env index.js

    如果出现以下：
    image.png
    以管理打开PowerShell，输入set-ExecutionPolicy RemoteSigned后按Y或者A就可以了：
    image.png
    再次执行代码
    image.png

    3、export default 命令

    为模块指定默认输出 ```javascript // demo.js export default function(){
    console.log(‘hi’); }

// index.js，可以为匿名函数指定任意名称 import customName from ‘./demo’ customName(); //hi ``` image.png