#第一种 module.exports CommonJs的写法
导出
const age = 15;
module.exports = age;
导入
//此处的age 与导出的 age 可以不一样
const age = require(./action.js)
console.log(age)
//这种写法也可以
//const age_age = require(./action.js)
//console.log(age_age )
#第二种 export default
导出
const age = 15;
const name = '张三';
//第二个name运用了对象的解构赋值
export default{
age:age,
name
}
导入
//这里的age实际相当于 export default 导出的整个对象
import age from './test.js'
console.log(age)//{age: 15,name: "张三"}
应用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script src="test1.js" type="module" charset="utf-8"></script>
</body>
</html>
#第三种 export 这里运用了对象的解构赋值
导出
const hello = 'alen'
export {hello}
导入
import {hello} from './output.js'//此处的import {hello}和export {hello},两个hello是一一对应关系
console.log(hello)
运用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script src="test1.js" type="module" charset="utf-8"></script>
</body>
</html>
说明:
为什么要在html中应用,因为后两种并未封装成模块(module),所以要借用html中的script引用,并制定type为module才可以用
<script src="test1.js" type="module" charset="utf-8"></script>
若是直接使用node xx.js 运行会报错