大前端之js导入导出

//utils.js
let a = 100;

console.log(module.exports); //能打印出结果为：{}



// exports = module.exports = {}
// 这是一个隐式等式，初学者需要记住

// 一般我们用到的只有 module.exports



module.exports = {a}



/**
 * 1. commonJs
 * 导入：require
 * 导出：module.exports
 * scope:只能在nodejs端使用
 */


/**
 * 2. ES6 规范
 * 导入：import
 * 导出：export/export default
 * scope:浏览器和nodejs均可使用
 * note:一个js文件可以有多个export，但是只能有一个export default,
 *       export default默认导出模块不能使用{}对象导出，export 可用可不用
 *       export default 导出的是匿名对象，在import时可以任意命名。
 *       export 导出的对象，在import不能任意命名，导出时是什么名字，导入时就用什么名字，但是可以用于as语法取别名
 *       import {xxx as a} from "./test"
 * 
 * 导出所有: import * as all from '路径'
	       使用console.log(all.xxx)  // 1
 */


let name = 3
export default name
export const t = 2
export const r = 3

标签：exports,default,导出,module,js,导入,export,import
来源： https://www.cnblogs.com/shinebay/p/16616025.html