第一種方法 導(dǎo)出一個(gè)大對(duì)象
index.js
文件
const modulesA = (function () {
const object = {}
object.str = '123';
object.flag = true
return object
})()
index.html
<script src='./index.js' ></script>
console.log(modulesA.str, modulesA.flag)
第二種方法
var flag = true;
var obj = { name: 'zhangsan', age: '22' }
function sum (num, num2) {
return num + num2
}
module.exports = {
obj,
sum
}
var { obj, sum } = require('./index.js')
console.log(sum(20, 10))
第三種方法 es6
var flag = true;
var obj = { name: 'zhangsan', age: '22' }
function sum (num, num2) {
return num + num2
}
export {
flag,
sum
}
// 導(dǎo)出類
export class Person{
run () {
console.log('在奔跑')
}
}
import { flag, sum, Person } from './index.js'
if (flag) {
sum(20, 30)
}
// 導(dǎo)入類
const p = new Person()
p.run()
export 導(dǎo)出的變量名在導(dǎo)入的時(shí)候不可以隨便更改, 可以有多個(gè)
export default 導(dǎo)出的變量名在導(dǎo)入的時(shí)候可以隨便更改 注意: 在一個(gè)模塊中只能有一個(gè) export default
const address= '北京市'
export default address
improt ad from './index.js' console.log(ad) =》'北京市'
// 一次性全部導(dǎo)入
// import * as all from './index';
console.log(all.flag)