网站首页 > 教程分享 正文
export:规定模块对外接口
①默认导出:export default Test(导入时可指定模块任意名称,无需知晓内部真实名称)
②单独导出:export const name = "Bruce"
③按需导出:export { age, name, sex }(推荐)
④改名导出:export { name as newName }
import:导入模块内部功能
①默认导入:import Test from "test"
②整体导入:import * as Test from "test"
③按需导入:import { age, name, sex } from "test"
④改名导入:import { name as newName } from "test"
⑥自执导入:import "test"
⑦复合导入:import Test, { name } from "test"
复合模式
export命令和import命令结合在一起写成一行,变量实质没有被导入当前模块,相当于对外转发接口,导致当前模块无法直接使用其导入变量
①默认导入导出:export { default } from "test"
②整体导入导出:export * from "test"
③按需导入导出:export { age, name, sex } from "test"
④改名导入导出:export { name as newName } from "test"
⑤具名改默认导入导出:export { name as default } from "test"
⑥默认改具名导入导出:export { default as name } from "test"
继承:默认导出和改名导出结合使用可使模块具备继承性;
设计思想:尽量地静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量;
严格模式:ES6模块自动采用严格模式.
猜你喜欢
- 2024-09-09 彻底告别python第三方包import问题!只需要7行代码(码住)
- 2024-09-09 python每日一练之如何copy(python copy)
- 2024-09-09 你知道import Vue from 'vue' 吗?
- 2024-09-09 spring中的@import/@ImportResource注解
- 2024-09-09 Spring中@Import注解详解(spring import注解原理)
- 2024-09-09 python首行代码import *,from * import * 解析
- 2024-09-09 Import注解的理解(java @import注解)
- 2024-09-09 link与@import的区别和分别对应的例子
- 2024-09-09 第五章 import导入第三方库或者模块
- 2024-09-09 ES6模块化一缕(export、import)(es6模块化引入)
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- css导航条 (66)
- sqlinsert (63)
- js提交表单 (60)
- param (62)
- parentelement (65)
- jquery分享 (62)
- check约束 (64)
- curl_init (68)
- sql if语句 (69)
- import (66)
- chmod文件夹 (71)
- clearinterval (71)
- pythonrange (62)
- 数组长度 (61)
- javafx (59)
- 全局消息钩子 (64)
- sort排序 (62)
- jdbc (69)
- php网页源码 (59)
- assert h (69)
- httpclientjar (60)
- postgresql conf (59)
- winform开发 (59)
- mysql数字类型 (71)
- drawimage (61)
本文暂时没有评论,来添加一个吧(●'◡'●)