# 编写第一个 TypeScript 程序
在编辑器,将下面的代码输入到 greeter.ts 文件里:
function greeter (person) {
return 'Hello, ' + person
}
let user = 'Yee'
console.log(greeter(user))
@前端进阶之旅: 代码已经复制到剪贴板
# 编译代码
我们使用了 .ts 扩展名,但是这段代码仅仅是 JavaScript 而已。
在命令行上,运行 TypeScript 编译器:
tsc greeter.ts
@前端进阶之旅: 代码已经复制到剪贴板
输出结果为一个 greeter.js 文件,它包含了和输入文件中相同的 JavsScript 代码。
在命令行上,通过 Node.js 运行这段代码:
node greeter.js
@前端进阶之旅: 代码已经复制到剪贴板
控制台输出:
Hello, Yee
@前端进阶之旅: 代码已经复制到剪贴板
# 类型注解
接下来让我们看看 TypeScript 工具带来的高级功能。 给 person 函数的参数添加 : string 类型注解,如下:
function greeter (person: string) {
return 'Hello, ' + person
}
let user = 'Yee'
console.log(greeter(user))
@前端进阶之旅: 代码已经复制到剪贴板
TypeScript 里的类型注解是一种轻量级的为函数或变量添加约束的方式。 在这个例子里,我们希望 greeter 函数接收一个字符串参数。 然后尝试把 greeter 的调用改成传入一个数组:
