TS模块化

JavaScript020

TS模块化,第1张

ts模块化新增:

1.新增export = 变量,用于实现类似commonjs的module.exports=变量,不用default实现默认导出,导入时有两种方法

2.import A =require(),也只有这样才会在ts中出现require语法

3.import A from ' '并开启tsconfig中的esModuleInterop选项,让ts帮忙转换为第一种

4.ts引入外部非ts模块module时,要求模块有类型声明,可以@types/module安装,或自定义:declare module

5.模块解析策略:假设A引用B模块

配置moduleResolution为clissic时:顺序是B.ts、B.d.ts

相对路径:指定目录查找B

非相对:A同级查找B、A上个目录...

配置moduleResolution为node时:ts实现了与node类似规则,顺序是.ts、.jsx、.d.ts

相对路径:指定目录查找B、指定目录的B目录查找pkg的types入口、指定目录的B目录下的index

非相对:先在A同级node_modules下查找B、A同级node_modules下B目录pkg的types入口、A同级node_modules下B目录的index.js,如果以上三步找不到,则从A的上级目录的node_modules重复以上三步

先获取a元素中的类荣在填充到指定的文本框;

1

2

3

var a=document.getElementsByTagName("a")[index]//通过ByTagName,ByClassName,ById获取a元素

var input=document.getElementsByTagName("input")[0]

input.value=a.innerHTML()