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

TypeScript入门：从基础到实践

一、初探TypeScript

TypeScript编译器在某些方面和Babel的功能类似，而且它还能为语言添加新特性，甚至有些特性是JavaScript本身永远不会有的。现在我们对TypeScript有了大致了解，接下来就直接上手实践。

我们可以利用TypeScript官网（typescriptlang.org）上的“playground”（访问地址：typescriptlang.org/play ）。在这个在线环境中，我们能随意输入并执行提供的TypeScript代码。这是一个很好的试验TypeScript的方式，在安装任何工具之前，能让我们对TypeScript有一个初步的认识。

在playground中执行代码时，会发现一些有趣的现象。比如代码里 humanName 参数下方有红色波浪线，鼠标悬停上去会提示 humanName 隐式具有 any 类型。这说明TypeScript playground在实时检查代码，并指出我们没有为参数指定类型。虽然这不一定是错误，但它会在运行代码之前就进行检查，这正是类型和TypeScript的意义所在。

然而，还有一个和类型相关的更大问题。 alert() 消息可能不会按我们预期的那样工作，以 sayHi() 函数为例，它本应通过名字来问候某人，但我们却传递了一个对象给它。JavaScript对此并不在意，因为没有任何信息告诉它 humanName 应该是包含人名的字符串，所以它只是简单地弹出包含传入对