TypeScript 开发实战 
34174 人已学习
新⼈⾸单¥59
课程目录
已完结/共 47 讲
第一章：基础篇 (21讲)
时长 07:04
时长 04:09
时长 05:07
时长 15:01
时长 15:30
时长 11:35
时长 09:57
时长 06:33
时长 11:40
时长 10:24
时长 08:39
时长 08:20
时长 07:35
时长 05:02
时长 07:29
时长 19:51
时长 09:37
时长 10:36
时长 06:32
时长 06:16
时长 12:04
第二章：工程篇 (10讲)
时长 22:36
时长 07:31
时长 11:22
时长 19:46
时长 07:27
时长 32:25
时长 08:06
时长 18:59
时长 07:06
时长 08:54
第三章：实战篇 (16讲)
时长 18:20
时长 12:10
时长 18:36
时长 17:04
时长 12:29
时长 06:10
时长 18:21
时长 09:54
时长 04:19
时长 13:07
时长 09:24
时长 06:53
时长 13:46
时长 07:32
时长 03:12
时长 07:37
TypeScript 开发实战
登录|注册
当前播放: 23 | 使用命名空间
00:00 / 00:00
高清
- 高清
1.0x
- 2.0x
- 1.5x
- 1.25x
- 1.0x
- 0.75x
- 0.5x
付费课程，可试看
01 | 重塑“类型思维”
02 | 类型基础（1）：强类型与弱类型
03 | 类型基础（2）：动态类型与静态类型
04 | 编写你的第一个TypeScript程序
05 | 基本类型
06 | 枚举类型
07 | 接口（1）：对象类型接口
08 | 接口（2）：函数类型接口
09 | 函数相关知识点梳理
10 | 类（1）：继承和成员修饰符
11 | 类（2）：抽象类与多态
12 | 类与接口的关系
13 | 泛型（1）：泛型函数与泛型接口
14 | 泛型（2）：泛型类与泛型约束
15 | 类型检查机制（1）：类型推断
16 | 类型检查机制（2）：类型兼容性
17 | 类型检查机制（3）：类型保护
18 | 高级类型（1）：交叉类型与联合类型
19 | 高级类型（2）：索引类型
20 | 高级类型（3）：映射类型
21 | 高级类型（4）：条件类型
22 | ES6与CommonJS的模块系统
23 | 使用命名空间
24 | 理解声明合并
25 | 如何编写声明文件
26 | 配置tsconfig.json（1）：文件选项
27 | 配置tsconfig.json（2）：编译选项
28 | 配置tsconfig.json（3）：工程引用
29 | 编译工具：从ts-loader到Babel
30 | 代码检查工具：从TSLint到ESLint
31 | 使用Jest进行单元测试
32 | 创建项目
33 | 组件与类型（1）：函数组件与类组件
34 | 组件与类型（2）：高阶组件与Hooks
35 | 事件处理与数据请求
36 | 列表渲染与路由
37 | Redux与类型
38 | 搭建服务端开发环境
39 | 列表的CRUD
40 | 导出Excel
41 | 搭建Vue开发环境
42 | 组件封装
43 | 组件发布
44 | 共存策略
45 | 宽松策略
46 | 严格策略
47 | 结课测试&结束语
登录 后留言
全部留言(9)
- 最新
- 精选
逃之玉諑
引入显示找不到a.js和b.js两个文件是为什么
作者回复: 看看 index.html 中是否正确引入
2020-06-15
5
KaKaKa
请问下为什么要使用 import cricle = Shape.cricle ? 我使用 let cricle = Shape.cricle ,也是可以的，区别在哪里
作者回复: 编译结果看，没有区别，这个语法用得很少
2020-06-09
阿秋
/// <reference path="./nameSpace2.ts" />
namespace Shape {
var pi = Math.PI
export function circle(x: number) {
return pi * Math.pow(x, 2)
}
}
console.log(Shape)
namespce2文件
namespace Shape {
export function square(x: number) {
return x * x
}
}
打印的Shape 中没有square方法
作者回复: 检查一下编译后的文件： 1） var Shape; (function (Shape) { function square(x) { return x * x; } Shape.square = square; })(Shape || (Shape = {})); 2） /// <reference path="./nameSpace2.ts" /> var Shape; (function (Shape) { var pi = Math.PI; function cricle(r) { return pi * Math.pow(r, 2); } Shape.cricle = cricle; })(Shape || (Shape = {})); console.log(Shape); 以及在index.html中是否把两个编译后的js都引入了。
2020-03-19
2
...
命名空间
作用
隔离作用域，主要是兼容旧系统全局变量
特点
利用闭包的原理，创建了一个立即执行函数
用法
1.在全局环境下使用
2.在需要引用其他变量时，而引入其他文件时，利用///加相对路径
/// <reference path="Validation.ts" />
3.存储命名空间变量
export 变量=命名空间.变量
2019-10-14
1
2
Geek_d943c3
不知道为啥，按照一模一样的步骤，在index.html引入a.js和b.js后页面就报错了，路径看起来也没问题啊，试了很多种。
efused to execute http://localhost:8080/src/a.js as script because "X-Content-Type-Options: nosniff" was given and its Content-Type is not a script MIME type.
2022-07-13
3
特别平凡的人
/// <reference path="a.ts" />
namespace Shape {
export function square(x: number) {
return x * x;
}
}
// 我们来执行一下这两个函数
console.log(Shape.circle(1));
console.log(Shape.square(1));
import circle = Shape.circle;
console.log(circle);
你好，老师我的 b.ts 里面也是这样写但是在浏览器执行的时候浏览器控制台却提示 Shape.circle is not a function 这是为什么呀，我的打包是这样的：entry: "./src/b.ts" ，index.html 也引入的 a.js 和b.js ，ts的版本是 "ts-loader": "^6.2.2",
"typescript": "^4.1.5"
2021-11-28
2
阿秋
/// <reference path="./nameSpace2.ts" />这样引入之后访问nameSpace2里面Shape的方法，报错找不到方法
2020-03-19
Geek_c4e3fd
C#里面好像也有命名空间
2019-08-22
东丰瑞雪建华年
测试了下，命名空间支持嵌套
```javascript
/// <reference path="Validation.ts" />
namespace Validation {
namespace config {
export const log:number = 1
}
export function testName(val: string):boolean {
return val.length > 0 && val.length < 4
}
}
```
2019-08-10
收起评论