简介

模块模式最初被定义在传统软件工程中为类提供私有和公共封装的一种方法

能够使一个单独的对象拥有公共/私有的方法和变量，从而屏蔽来自全局作用域的特殊部分。这样可以减少我们的函数名与页面中其他脚本区域内定义的函数名冲突的可能性。

const obj = (function () {
  var count = 0;
  return {
    increse() {
      return ++count;
    },
    decrese() {
      return --count;
    },
  };
})();
console.log(obj);

模块化

// 1.js
let count = 0;
function increase() {
  return ++count;
}

function decrease() {
  return --count;
}

export default {
  increase,
  decrease,
};

//2.js
let count = 0;
function increase() {
  return ++count;
}

function decrease() {
  return --count;
}

export { increase, decrease };

<script type="module">
  import myObj from "./1.js";
  console.log(myObj);
</script>

<script type="module">
  import { increse, decrese } from "./2.js";
</script>