赞
踩
var name = 'jack'
var age = 18
var obj = {name,gae}
// export{ }是语法,不是导出一个对象
export {name,age}
//导出一个对象
export default {name,age} //此时import {name,age} 会报错找不到
// import { }也是语法,不是结构赋值
import {name,age} from './module.js'
// import {name} from './module'
import {name} from './module.js'
//import {lowercase} from './utils'
import {lowercase} from './utils/index.js'
import {} from './module.js'
//或
import './module.js'
//mod 导出的成员都会作为mod的属性出现
import * as mod from './module.js'
// 会返回一个promise函数,导出的成员会作为参数
import('./module.js').then(module=>{
// module为导出的对象
})
export default name
export {name,age}
-----------------------------
import {name,age,default as title} from '/module.js'
import title, {name,age} from './module.js'
<-- promise 兼容-->
<--nomodule 属性只会在不支持module的时候工作-->
<script nomodule src="https://unpkg.com/promise-polyfill@8.1.3/dist/polyfill.min.js"></script>
<-- babel 核心-->
<script nomodule src="https://unpkg.com/browser-es-module-loader@0.4.1/dist/babel-browser-build.js"></script>
<--es6+ 语法处理-->
<script nomodule src="https://unpkg.com/browser-es-module-loader@0.4.1/dist/browser-es-module-loader.js"></script>
<script type="module">
import { foo } from './module.js'
console.log(foo)
</script>
const mod = require('./es-module.mjs')
console.log(mod)
import mod from './commonjs.js'
console.log(mod)
// 不能直接提取成员,注意 import 不是解构导出对象
import { foo } from './commonjs.js'
console.log(foo)
// // 加载模块函数 // console.log(require) // // 模块对象 // console.log(module) // // 导出对象别名 // console.log(exports) // // 当前文件的绝对路径 // console.log(__filename) // // 当前文件所在目录 // console.log(__dirname) // ------------- // require, module, exports 自然是通过 import 和 export 代替 // __filename 和 __dirname 通过 import 对象的 meta 属性获取 // const currentUrl = import.meta.url // console.log(currentUrl) // 通过 url 模块的 fileURLToPath 方法转换为路径 import { fileURLToPath } from 'url' import { dirname } from 'path' const __filename = fileURLToPath(import.meta.url) const __dirname = dirname(__filename) console.log(__filename) console.log(__dirname)
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。