模块化
<h3>一、默认模块(只能存在一个export default)</h3>
<p><strong><em>输出模块:</em></strong><code>./js/output.js</code></p>
<pre><code>export default {
//code
}</code></pre>
<p><strong><em>接收(输入)模块:</em></strong><code>./js/input.js</code></p>
<pre><code>import Name from './output'
console.log(Name)//Obj:{//code}</code></pre>
<h3>二、多模块(可存在多个export)</h3>
<p><strong><em>输出模块:</em></strong><code>./js/output.js</code></p>
<pre><code>export const a = {
name: 'this is a'
}
export const b = {
name: 'this is b'
}</code></pre>
<p><strong><em>接收(输入)模块:</em></strong><code>./js/input.js</code></p>
<pre><code>//逐个导入,自定义命名
import {a,b as B} from './input'
//整个导入,自定义命名
import * as Name from './input'
console.log(a)//{name:'this is a'}
console.log(B)//{name:'this is b'}
console.log(Name)//Module:{...}</code></pre>