index
<!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> <meta http-equiv=“X-UA-Compatible” content=“ie=edge”> <title>ES Module 导出与导入</title> </head> <body> <script type=“module” src=“app.js”></script> </body> </html>module.js
// export var name = ‘foo module’ // export function hello () { // console.log(‘hello’) // } // export class Person {} var name = ‘foo module’ function hello () { console.log(‘hello’) } class Person {} // export { name, hello, Person } // export { // // name as default, // hello as fooHello // } // export default name // var obj = { name, hello, Person } export { name, hello, Person }app.js
默认值导出后需要命名 // import { default as fooName } from ‘./module.js’ // console.log(fooName) import { name, hello, Person } from ‘./module.js’ console.log(name, hello, Person)
若有收获，就点个赞吧
0 人点赞
