es6模块化设计
2024-09-04 21:54:10
//导出
//方式一
export const name = 'hello'
export let addr = 'chengdu'
export var list = [1,2,3] //方式二
const name = 'hello'
let addr = 'chengdu'
var list = [1,2,3] export default name //默认导出,只能有一个默认导出
export {
//name,
addr,
list
} //导入
import { name,addr,list } form './lesson-mod'
import name, { addr,list } form './lesson-mod'
import name2 form './lesson-mod' //只有默认导出的才能自己命名
import name, { addr as addr2 } form './lesson-mod' //可以利用as重命名
console.log(name,addr,list)
//导出函数,方式一
export default function say (content) {
console.log(content)
}
export function run (){
console.log('running')
} //方式二
const say = (content) => {
console.log(content)
}
const run = () => {
console.log('running')
} export {
say,
run
} //导入函数
import say,{ run } form './xx'
say('hello word')
run()
//导出对象
const data = {
code: 1,
message: 'success'
}
const des = {
age: 20,
addr: 'chengdu'
}
export default {
data,
des
} //导入
import obj from './xxx'
let {data, des} = obj
console.log(obj)
console.log(data,des)
//导出类
class Test {
constructor () {
this.id = 2
}
}
export {
Test
} //导出默认类
export default Test //这样写也行
export class Test {
constructor () {
this.id = 3
}
} //如果导出默认类,类名可以省略
export class {
constructor () {
this.id = 4
}
} //导入
import { Test } from 'xxx'
import Test from 'xxx' //默认导出 let test = new Test()
console.log(test.id)
//同时导出多个类
export class Test1 {
constructor () {
this.id = 3
}
}
export class Test2{
constructor () {
this.id = 4
}
} export default class people {
constructor () {
this.id = 11
}
} //导入
import * as Mod from 'xxxx'
let test1 = new mod.Test1()
console.log(test1.id)
let test2 = new mod.Test2()
console.log(test2.id)
let people = new Mod.default() //注,这里找不到people,要用default
console.log(people.id)
最新文章
- iOS开发之使用XMPPFramework实现即时通信(二)
- Settings
- html基础 链接
- Azure ARM (8) ARM Template - VS Code
- Appium学习实践(三)测试用例脚本以及测试报告输出
- SDRAM读写一字(下)
- 使用C#发送正文带图片邮件
- xcode C++一些简单设置
- HttpClient入门
- asp.net中使用swfupload上传大文件
- Java中的回调函数学习
- Linux如何创建一个进程
- 3D Slicer中文教程(六)—调用matlab函数(MatlabBridge使用方法)
- Django2.0 models中的on_delete参数
- UOJ#348 州区划分
- 【Spring Boot】使用JDBC 获取相关的数据
- 转://执行impdp时出现ORA-39154错误的解决案例
- MT【42】抛物线不常见性质1.
- SSM基础整合
- python __class__属性