模块化

CommonJS

a.js

let name = "小明";
let age = 20;
let flag = true;

function sum(num1, num2) {
    return num1+num2;
}

module.exports = {name,age,flag,sum}

 

b.js

 

let {name,age,flag,sum} = require('./a.js')

if(flag){
    console.log(sum(10,20))
}

 

index.html

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script src="a.js" type="module"></script>
<script src="b.js" type="module"></script>
</body>
</html>

 

 

ES6模块化

a.js

let name = "小明";
let age = 20;
let flag = true;

function sum(num1, num2) {
    return num1+num2;
}

export  {name,age,flag,sum}
//等同于export let flag = true;




 


b.js




import {name,age,flag,sum} from './a.js'

if(flag){
    console.log(sum(10,20))
}





　　


index.html




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script src="a.js" type="module"></script>
<script src="b.js" type="module"></script>
</body>
</html>






 


 


 


导出函数或者类




 


 


 


export default






 


 


举例


a.js




let name = "小明";
let age = 20;
let flag = true;

function sum(num1, num2) {
    return num1+num2;
}

export default {name,age,flag,sum}




b.js




import data from './a.js'

if(data.flag){
    console.log(data.sum(10,20));
}

console.log(data.name);




 






            

            
posted @ 
2022-03-03 22:04 
Mr_sven 
阅读(26) 
评论(0) 
编辑 
收藏 
举报