随笔分类 - (新) Typescript
摘要:前言 在 TypeScript – Decorator 装饰器 里,我有提到 TypeScript 只实现了 decorate 的特性,把 metadata 的特性独立了出来。 本来我以为还需要等待很长的时间他们才会实现,没想到 v5.2 既然推出了。哎哟,不错哦! 声明: Decorator 不是
阅读全文
摘要:前言 TypeScript v5.2 多了一个新功能叫 Disposable。 Dispose 的作用是让 "对象" 离开 "作用域" 后做出一些 "释放资源" 的操作。 很多地方都可以看到 Dispose 概念。比如 Web Component 的 disconnectedCallback,Ang
阅读全文
摘要:getter 和 setter 可以完全不同类型了 以前我们提过,getter 的类型至少要是其中一个 setter 的类型。这个限制被突破了。现在可以完全使用不同类型了。 v5.1 后,没有再报错了 Using 和 Disposable 看这篇 TypeScript – Using Disposa
阅读全文
摘要:当 generic return 遇上 parameter 报错了。原因是 querySelector 默认返回类型是抽象的 Element。 而 method 参数要求的是具体的 InputElement 解决方法是传入具体的 InputElement 类型 const input = docum
阅读全文
摘要:前言 以前就有提过 Enum Flags,但平日不常用。最近翻 Angular 源码,发现它很多地方用到,而且没有封装语义代码。一堆符号真的看不惯啊... 于是又去复习了一遍,熟悉熟悉。顺便写一篇做记入呗。 这篇 C# 和 TypeScript 会一起讲。 参考 深入理解 TypeScript –
阅读全文
摘要:前言 TypeScript 5.0 之后就可以使用正真的 JS Decorator 了, 从前 experiment 的版本依然可用, 但是不建议继续用, 因为差很远, 一起用会混乱. Decorator 的概念 Python 也有. 它就是设计模式里的装饰者模式, 用来扩展已有的功能. 和 Dec
阅读全文
摘要:前言 在 第一部 – 把 TypeScript 当强类型语言使用 和 第二部 – 把 TypeScript 当编程语言使用 后, 我们几乎已经把 TypeScript 的招数学完了. 第三部就要开始做练习题了, 这样才能融会贯通. 记得, 做练习题只是单纯为了更理解 TypeScript 这门语言.
阅读全文
摘要:前言 上一篇, 我们提到, TypeScript 进阶有 3 个阶段. 第一阶段是 "把 TypeScript 当强类型语言使用", 我们已经介绍完了. 第二阶段是 "把 TypeScript 当编程语言使用" 这篇主要就是介绍这个. 逻辑类型 C# 是没有办法表达出类型间的逻辑关系的. 你不能表达
阅读全文
摘要:前言 原本是想照着 TypeScript 官网 handbook 写个教程的. 但提不起那个劲... 所以呢, 还是用我自己的方式写个复习和进阶笔记就好了呗. 以前写过的 TypeScript 笔记: angular2 学习笔记 (Typescript) Angular 学习笔记 (Typescri
阅读全文
摘要:前言 以前用 npm, 后来 yarn 火了就用 yarn. 后来 yarn 2.0 大改版, Angular 不支持就一直没用. 一直到去年的 Angular 13 才开始支持. 最近又开始写 Angular 了, 所以来补上它吧. 这篇会讲到 Node.js v16 + Yarn 3 运行 Ty
阅读全文
摘要:前言 一转眼, 一年多没有写 TypeScript 了. 最近又要开始写了, 乘此机会打算系统学习一下, 顺便写一个学习笔记. 我接触 TypeScript 比较早, 那是 Angular 2 beta 的年代, 那时候 TypeScript 还不到 1.8 呢. 后来都是看 What's New
阅读全文
摘要:前言 JavaScript 早期是没有 Modular 和 Type (类型) 的. 随着这几年的普及, 几乎有维护的 Library 都有 Modular 和 Type 了. 但万一遇到没有 Modular 或者 Type 的 LIbrary 时, 要如何 import 和类型安全的调用它们呢?
阅读全文
摘要:更新 我本来想 skip 掉 bundler (webpack), 感觉单侧不需要搞那么复杂, 所以用了 TypeScript 自带的 bundle (outFile) + SystemJS. 谁知道这技术早就落后 n 年了. 真的是太久没有玩前端了. 想 bundle TypeScript 用 e
阅读全文
摘要:前言 上一篇 TypeScript – Get Started 使用了命令 tsc index.ts --module es2015 很少人会在命令时给写 config, 更正规的做法是创建一个 tsconfig.json 把所有 config 写到里面去. 类似 webpack.config.js
阅读全文
摘要:前言 我学 TypeScript 的时候是 Angular 2.0 beta 的年代... 现在 Angular 都快 14 了. 但由于已经有 1 年半没有写 Angular 和 TypeScript 了, 所以特地写来复习 warm up 一下, 也把这些年零零散散的知识集中写一下做个记入. 参
阅读全文