关于node.js:关于es-cjs-umd-iife-相关介绍

目前在用 vite 构建我的项目工具库发现一些常识盲区

ECMAScript Module，当初应用的模块计划，应用 import export 来治理依赖
浏览器间接通过 <script type=”module”> 即可应用该写法。NodeJS 能够通过应用 mjs 后缀或者在 package.json 增加 “type”: “module” 来应用

import pmutils from '../../lib/pm-utils.es.js' // 测试在 es 模式 node.js 中环境
console.log(pmutils)

不反对

在 package.json 中增加

{"type": "module"}

编译通过

CommonJS，只能在 NodeJS 上运行，应用 require(“module”) 读取并加载模块

每个文件就是一个模块，有本人的作用域。在一个文件外面定义的变量、函数、类，都是公有的，对其余文件不可见

同时兼容 CJS 和 AMD，并且反对间接在前端用 <script src=”lib.umd.js”></script> 的形式加载

AMD，全称是 Asynchronous Module Definition，即异步模块加载机制

因为咱们的应用程序可能蕴含来自不同源文件的许多函数和全局变量，所以限度全局变量的数量很重要。如果咱们有一些不须要再次应用的启动代码，咱们能够应用 IIFE 模式。因为咱们不会再次重用代码，因而在这种状况下应用 IIFE 比应用函数申明或函数表达式更好

const makeWithdraw = (balance) => ((copyBalance) => {
  let balance = copyBalance; // This variable is private
  const doBadThings = () => {console.log('I will do bad things with your money');
  };
  doBadThings();
  return {withdraw(amount) {if (balance >= amount) {
        balance -= amount;
        return balance;
      }
      return 'Insufficient money';
    },
  };
})(balance);

const firstAccount = makeWithdraw(100);   // "I will do bad things with your money"
console.log(firstAccount.balance);        // undefined
console.log(firstAccount.withdraw(20));   // 80
console.log(firstAccount.withdraw(30));   // 50
console.log(firstAccount.doBadThings);    // undefined; this method is private
const secondAccount = makeWithdraw(20);   // "I will do bad things with your money"
console.log(secondAccount.withdraw(30));  // "Insufficient money"
console.log(secondAccount.withdraw(20));  // 0

ES

cjs

umd

iife