《Typescript 全面进阶指南》学习笔记

大家好,我卡颂。

这是掘金小册Typescript 全面进阶指南的学习笔记。为了督促自己每个工作日摸鱼学一节,同时输出也是最好的输入,我决定:

  1. 在这篇文章中记录每节课的笔记

  2. 如果哪个工作日没学,就在小册群发20元红包

看看这样能不能提高我的学习动力,哈哈哈哈

Day 1

几个好用的TS相关工具:

插件

  • TypeScript Importer,自动补全类型导入

  • Move TS,修改ts文件路径时可以把与他相关的其他路径都改了

  • ErrorLens,将ts报错信息标记在出错的代码旁边

npm包

  • ts-node,ts的repl。与tsc的关系是:tsc是ts编译器,ts-node是ts执行环境,后者依赖前者

  • ts-node-dev,能监听文件变化并重启的ts-node,基于ts-nodenode-dev实现

一个node知识

require hook:当 Node.js 的模块系统试图加载一个文件时,require 函数是用来导入模块的。通过使用 require hook,开发者可以控制并修改模块的加载过程。用途例如:

  • 编译转换 :转换被 require 的文件的内容,这在编译 TypeScript 或 Babel(用于编译 ES6+ 代码)时特别有用。
  • 模拟:在测试中模拟某些模块的行为。
  • 代码检查或修改:在模块加载前对其进行代码质量检查或者动态修改。

对于如下代码:

bash 复制代码
node -r ts-node/register index.ts
  • -r--require 的简写,该参数后面跟随的模块将在输入的脚本执行前预加载
  • ts-node/registerrequire hook,由ts-node 提供
  • index.ts 是要执行的 ts 文件
相关推荐
孟无岐13 小时前
【Laya】Byte 二进制数据处理
网络·typescript·游戏引擎·游戏程序·laya
孟无岐15 小时前
【Laya】ClassUtils 类反射工具
typescript·游戏引擎·游戏程序·laya
We་ct20 小时前
LeetCode 380. O(1) 时间插入、删除和获取随机元素 题解
前端·算法·leetcode·typescript
孟无岐21 小时前
【Laya】Ease 缓动函数
typescript·游戏引擎·游戏程序·laya
We་ct1 天前
LeetCode 238. 除了自身以外数组的乘积|最优解详解(O(n)时间+O(1)空间)
前端·算法·leetcode·typescript
踢球的打工仔1 天前
typescript-类的静态属性和静态方法
前端·javascript·typescript
奔跑的web.1 天前
TypeScript Enum 类型入门:从基础到实战
前端·javascript·typescript
wuhen_n2 天前
初识TypeScript
javascript·typescript
踢球的打工仔2 天前
typescript-类
前端·javascript·typescript
奔跑的web.2 天前
TypeScript 泛型完全指南:写法、四大应用场景与高级用法
前端·javascript·vue.js·typescript