几节课学下来，发现工程就是“灵活与稳定”之间的平衡。 上节是 template 与 JSX 各自的优缺点，实际上也能看出各自设计对“灵活”与“稳定”的取舍。我非专业转行，对于类型系统有点学习体会： 1. 动态 vs 静态语言 从运行过程上说，动态比较简单，你写代码，然后丢给解释器运行，如果出错，就会报运行时错误 （runtime error）；静态语言比动态语言多个“门卫”，编译器，代码在运行前，它帮你检查一边，出问 题报错，报的是编译错误（compile error）。编译出错的代码根本不会走到运行时阶段。 2. 怎么实现的 静态语言怎么检查代码，通过“规则”，这个规则就是所谓的"强类型系统"。 简单的说就是"先定规则，再执行”，“先得有类型，才能执行”。这也是为什么它在“灵活性”上不如动 态语言。 3. 超集 刚开始看这个定义的时候也没搞太明白，后来就清楚了；各个厂家的浏览器中“实现”JavaScript 是根 据 ECMAScript 标准。而浏览器只能看的懂 JavaScript。 所以 TypeScript 最终都会“编译”成 JavaScript 跑在宿主环境里。哪些在 ts 中看到的 “超级” 语法，关 键词 最终都会变成 js。 4. 也挑个小错 let todos:Ref(Todo[]) = ref([{title: "学习Vue", done: false}]) 中，应该是 Ref<Todo[]> 吧