支持js的所有导出方式
export:导出声明或表达式(export {a,b,c}会被认为是声明列表而非对象),不能导出单独变量(如:export a)
export default:能导出单独变量
import为动态导入,即导入的内容在原模块变化,导入的内容也会更新,导入的内容只能修改其属性
import为静态编译
import多次导入相同模块路径,会被合并在一起
export和import都不能放在if分支里
当export和export default都存在时导入写法:import default导出变量,{export导出变量} from 'x'
(1)导出接口
任何声明(比如变量,函数,类,类型别名或接口)都能够通过添加export关键字来导出。
export interface {...};
export type a=c;
引入时和导出普通类型相同:import {x} from 'x.ts'
(2)导出重命名
export {变量名 as 新变量名}
(3)导入外部模块再重新导出
外部模块:必须是export导出
export {变量名 as 若要取别名 } from '模块路径'
(4)支持CommonJS和AMD的exports, TypeScript提供了export =对象的语法,不能和其他export一起使用
对象:是对象,变量,类,接口,命名空间,函数或枚举
export=对象;
import x=require('路径') 或 import x from '路径' 两种方式都兼容node环境
当"esModuleInterop": true,配置开启时
(5)按需加载
if(布尔){
import('模块')
}else{
import('模块')
}
typescript es6的export导出
原文作者:神奇大叔
原文地址: https://blog.csdn.net/weixin_43294560/article/details/114191926
本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
原文地址: https://blog.csdn.net/weixin_43294560/article/details/114191926
本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。