【javascript】import & export

html里的形式

javascript type="module"要加在script标签里边

<script type="module" src="main.js"></script>

export的过程

直接在各种定义前边export或export default

export default class User {
    constructor(name, age) {
        this.name = name
        this.age = age
    }
}

export function printName(user) {
    console.log(`User's name is ${user.name}`)
}

export function printAge(user) {
    console.log(`User is ${user.age} years old`)
}

在定义后边export

class User {
    constructor(name, age) {
        this.name = name
        this.age = age
    }
}

function printName(user) {
    console.log(`User's name is ${user.name}`)
}

function printAge(user) {
    console.log(`User is ${user.age} years old`)
}

export default User
export { printName, printAge }

import的过程

如果是export default

// import的名称是可变的，用什么都可以
import User from '/user.js'
import U from '/user.js'

如果只是普通的export

// import后边的名称必须跟原先export文件中的名称相同,且需要用花括号包起来
import { printerName, printerAge } from '/user.js'
// 若想使用不同的名称
import { printerName as printerUserName, printerAge } from '/user.js'