10、TypeScript入门：从基础到实践

TypeScript入门：从基础到实践

初探TypeScript

TypeScript编译器在某些方面和Babel的功能类似，并且它还能为语言添加新特性，有些特性甚至是JavaScript本身永远不会有的。现在，我们已经对TypeScript有了大致的了解，接下来可以通过TypeScript官网（typescriptlang.org）上的“playground”（typescriptlang.org/play）来实际体验一下。在这个“playground”中，我们可以输入并执行任意的TypeScript代码，这是一种很好的语言实验方式，也能让我们在安装任何工具之前初步了解TypeScript。

在执行代码时，我们会注意到一些有趣的现象。比如，在一个示例代码中， humanName 参数下方会出现红色波浪线。当我们将鼠标悬停在上面时，会提示 humanName 隐式具有 any 类型。这表明TypeScript“playground”会实时检查代码，并指出我们没有为参数指定类型（虽然这不一定是错误，但仍然会被标记）。重要的是，这种检查在代码运行之前就会进行，这正是类型和TypeScript的意义所在。

然而，这里还存在一个与类型相关的更大问题。 sayHi() 函数原本的意图是通过名字向某人打招呼，但当我们传递一个对象给它时， alert() 消息并不能如我们预期那样工作。JavaScript并不关心 humanName 实际上应该是包含人名的字符串，它只是简单地弹出一个包含传入对象的 al