Typescript基础语法(四)

news/2024/9/25 5:33:00/

模块化

模块化是指将复杂的程序拆解为多个独⽴的⽂件单元,每个⽂件被称为⼀个模块。在 TypeScript 中,默认情况下,每个模块都拥有⾃⼰的作⽤域,这意味着在⼀个模块中声明的任何内容(如变量、函数、类等)在该模块外部是不可⻅的。为了在⼀个模块中使⽤其他模块的内容,必须对这些内容进⾏导⼊、导出。

导出

导出需要使用export关键字,语法如下:

export function hello() {console.log('hello');
}export const str = 'hello';const num = 1;

导入

导⼊须使⽤ import 关键字,语法如下
import { hello, str } from './moduleA';hello();
console.log(str);

避免命名冲突

有多种方式可以用来解决命名冲突,下面逐一介绍
1、导入重命名
import { hello as helloFromA, str as strFromA } from "./moduleA";
import { hello as helloFromC, str as strFromC } from "./moduleC";helloFromA();
console.log(strFromA);helloFromC();
console.log(strFromC);

2\创建模块对象
上述导⼊重命名的⽅式能够很好的解决命名冲突的问题,但是当冲突内容较多时,这种写法会⽐较冗⻓。除了导⼊重命名外,还可以将某个模块的内容统⼀导⼊到⼀个模块对象上,这样就能简洁有效的解决命名冲突的问题了,具体语法如下
import * as A from "./moduleA";
import * as C from "./moduleC";A.hello();
console.log(A.str);C.hello();
console.log(C.str);

默认导⼊导出

除了上述导⼊导出的语法之外,还有⼀种语法,叫做默认导⼊导出,这种语法相对简洁⼀些。
默认导出
默认导出允许⼀个模块指定⼀个(最多⼀个)默认的导出项,语法如下
export default function hello(){
console.log('moduleA');
}
默认导⼊
由于每个模块最多有⼀个默认导出,因此默认导⼊⽆需关注导⼊项的原始名称,并且⽆需使⽤ {}
import helloFromA from "./moduleA";
由于默认导⼊时⽆需关注导⼊项的名称,所以默认导出⽀持匿名内容,⽐如匿名函数,语法如下
export default function () {console.log('moduleB');
}


http://www.ppmy.cn/news/1453991.html

相关文章

Docker in Docker:深入解析与实战应用

Docker in Docker:深入解析与实战应用 一、引言 随着容器化技术的日益普及,Docker已经成为开发、测试、部署应用的标配工具。而在某些特定的场景下,如持续集成/持续部署(CI/CD)流水线中,我们可能需要在Do…

计算属性和方法有什么区别?怎样选择

计算属性和方法在Vue.js中有着不同的应用和作用,主要区别体现在以下几个方面: 响应式与缓存性:计算属性是基于它们的响应式依赖进行缓存的。只有当依赖的数据发生变化时,计算属性才会重新计算。如果依赖没有变化,那么…

Flutter笔记:谈Material状态属性-为什么FlatButton等旧版按钮就废弃了

Flutter笔记 谈Material状态属性-为什么FlatButton等旧版按钮就废弃了 - 文章信息 - Author: 李俊才 (jcLee95) Visit me at CSDN: https://jclee95.blog.csdn.netMy WebSite:http://thispage.tech/Email: 291148484163.com. Shenzhen ChinaAddress of this artic…

【系统架构师】-选择题(十三)

1、在某企业的营销管理系统设计阶段,属性"员工"在考勤管理子系统中被称为"员工",而在档案管理子系统中被称为"职工",这类冲突称为( 命名冲突)。 同一个实体在同系统中存在不同的命名&am…

如何更好的使用cpm

nvidia发布了RAFT库,支持向量数据库的底层计算优化,RAFT 也使用CMake Package Manager( CPM )和rapids-cmake管理项目,可以方便快捷的下载到需要的对应版本的thirdparty的依赖库,但是,一般情况下,项目是直接…

Rust 生命周期浅谈

1. 简述 Rust 中的每一个引用都有其 生命周期(lifetime),也就是引用保持有效的作用域。大部分时候生命周期是隐含并可以推断的,正如大部分时候类型也是可以推断的一样。类似于当因为有多种可能类型的时候必须注明类型,…

02.Kafka部署安装

1 Linux 安装 Kafka 1.1 安装前的环境准备 由于 Kafka 是用 Scala 语言开发的,运行在 JVM 上,因此在安装Kafka之前需要先安装JDK。 yum install java-1.8.0-openjdk* -y kafka 依赖 zookeeper,所以需要先安装 zookeeper。 wget https://ar…

Java 正则表达式代码演示

正则表达式(Regular Expressions)是一种用于描述字符串匹配模式的强大工具。在 Java 中,可以使用 java.util.regex 包来处理正则表达式。 文章目录 一、基本用法二、高级用法 一、基本用法 导入正则表达式类: import java.util.regex.Patte…