js的导入和导出

最新推荐文章于 2024-04-14 12:14:38 发布

原创最新推荐文章于 2024-04-14 12:14:38 发布 · 934 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文详细介绍了JavaScript中两种常用的模块化方案：CommonJS与ES6的导入导出语法。包括CommonJS的两种导出方式及导入操作，以及ES6中的默认导出与命名导出的使用方法。

在js的导入导出中，最常用的就是commonjs和es6的两个标准

1、commonjs中的导入和导出

// commonjs的导出写法
// 第一种
model.exports = {
    b:1,
    name:'sang'
}

// 第二种
exports.b = 2

//导入写法
const content = require('./01导出')
console.log(content.b);

2、ES6中的导入和导出

var a = 3;
var b = 2;
function c(){};
//第一种导出
export {a,b,c}
//导入
import {a,b,c} from './01导出.js'


//第二种默认导出
export default {};
//导入
import a from './01导出.js'