Typescript 哲学 - ts模块使用最佳实践

ts的作用域 默认是全局(global),这也是为什么在 两个ts文件声明同一个变量报错变量名冲突,解决方法是使某个文件以模块的形式存在(文件顶层使用 export 、import )

In TypeScript, just as in ECMAScript 2015, any file containing a top-level import or export is considered a module.

模块的作用:

隔离代码的作用域范围、较好的代码组织形式

组织代码的几种形式:

一、namespace

顶层没有 export 那么该namespce全局都可见

1、(可以通过 /// 语法分割为多个文件)

2、 支持自定义名字 import polygons = Shapes.Polygons;

二、 declare module

ts 的全局作用域的应用场景

比如 jquery 库使用js写的,引入 jquery依赖时 全局便有了一个全局变量 $ ,这时可以声明一个 全局的 变量声明对 其访问的属性进行控制

declare global {} 只能在模块中使用

在 TypeScript 中,declare global 语法可以在模块中添加全局声明。这意味着,尽管这个文件被视为一个模块(因为它有 export {} 语句),但是 declare global 块中的内容会被视为全局声明。

相关推荐
大尚来也1 分钟前
驾驭并发:.NET多线程编程的挑战与破局之道
java·前端·算法
快乐小土豆~~9 分钟前
echarts柱状图的X轴label过长被重叠覆盖
前端·javascript·vue.js·echarts
hhcccchh18 分钟前
1.1 HTML 语义化标签(header、nav、main、section、footer 等)
java·前端·html
小李子呢021142 分钟前
前端八股2---Proxy 代理
前端·javascript·vue.js
bjzhang751 小时前
使用 HTML + JavaScript 实现组织架构图
前端·javascript·html·组织架构图
军军君011 小时前
Three.js基础功能学习十六:智能黑板实现实例三
前端·javascript·css·vue.js·3d·前端框架·threejs
海上彼尚1 小时前
SVG矢量图形快速入门
前端·html5
嗷o嗷o1 小时前
Android App Functions 深入理解
前端
qq_20815408852 小时前
瑞树6代流程分析
javascript·python
UXbot2 小时前
AI原型设计工具评测:从创意到交互式Demo,5款产品全面解析
前端·ui·设计模式·ai·ai编程·原型模式