TypeScript 类型批注

上一节:TypeScript 入门下一节:TypeScript 接口

优化或报错有奖

TypeScript 通过类型批注提供静态类型以在编译时启动类型检查。这是可选的，而且可以被忽略而使用 JavaScript 常规的动态类型。

function Add(left: number, right: number): number {
	return left + right;
}

对于基本类型的批注是number, bool和string。而弱或动态类型的结构则是any类型。

类型批注可以被导出到一个单独的声明文件以让使用类型的已被编译为JavaScript的TypeScript脚本的类型信息可用。批注可以为一个现有的

JavaScript库声明，就像已经为Node.js和jQuery所做的那样。

实例

接下来我们在 TypeScript 文件 type.ts 中创建一个简单的 area() 函数：

function area(shape: string, width: number, height: number) {
    var area = width * height;
    return "I'm a " + shape + " with an area of " + area + " cm squared.";
}
 
document.body.innerHTML = area("rectangle", 30, 15);

接下来，修改 index.html 的 js 文件为 type.js 然后编译 TypeScript 文件： tsc type.ts。

浏览器刷新 index.html 文件，输出结果如下:

上一节:TypeScript 入门下一节:TypeScript 接口

优化或报错有奖