模块化简介

最新推荐文章于 2024-07-17 08:51:23 发布

xing2233

最新推荐文章于 2024-07-17 08:51:23 发布

阅读量57

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/xing_____/article/details/109716702

版权

javascript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

这篇博客探讨了两种模块化编程的方法：CommonJS 和 ES6 的导入导出。在 CommonJS 中，`module.exports` 用于导出函数，而 `require()` 用于导入。而在 ES6 中，使用 `export` 导出，`import` 导入。示例展示了如何在 main.js 文件中使用这两个模块系统进行函数调用。

摘要由CSDN通过智能技术生成

模块化简介

##commonjs

commonjsLib.js

function sum(a,b) {
  return a+b;
}

function dem(a,b){
  return a-b;
}

module.exports = {
  sum,
  dem
}

main.js

const {sum,dem} = require('./commonjsLib.js');

const res = sum(10,20);
console.log(res);

console.log(dem(30, 10));

ES6

es6Lib.js

function sum(a,b) {
  return a+b;
}

function dem(a,b){
  return a-b;
}

export {
  sum,dem
}

main.js

// 不加这里的 type="module" 会报错：Uncaught SyntaxError: Unexpected token 'export'
<script type="module" src="./es6Lib.js"></script>
// 不加这里的 type="module" 会报错：
// Uncaught SyntaxError: Cannot use import statement outside a module
<script type="module">

import {sum,dem} from './es6Lib.js';

console.log(sum(10,20));
console.log(dem(30, 10));
</script>