Hello TypeScript

本文摘自

https://ts.xcatliu.com/introduction/hello-typescript


Hello TypeScript

我们从一个简单的例子开始。

将以下代码复制到 hello.ts 中:

function sayHello(person: string) {
 return 'Hello, ' + person;
}

let user = 'Tom';
console.log(sayHello(user));

然后执行

tsc hello.ts

这时候会生成一个编译好的文件 hello.js

function sayHello(person) {
 return 'Hello, ' + person;
}

var user = 'Tom';
console.log(sayHello(user));
有点神奇

这句是重点:

TypeScript 中,使用 : 指定变量的类型,: 的前后有没有空格都可以。

上述例子中,我们用 : 指定 person 参数类型为 string。但是编译为 js 之后,并没有什么检查的代码被插入进来。

TypeScript 只会进行静态检查,如果发现有错误,编译的时候就会报错。

let 是 ES6 中的关键字,和 var 类似,用于定义一个局部变量,可以参阅 let 和 const 命令

下面尝试把这段代码编译一下:

function sayHello(person: string) {
 return 'Hello, ' + person;
}
​
let user = [0, 1, 2];
console.log(sayHello(user));

编辑器中会提示错误,编译的时候也会出错:

index.ts(6,22): error TS2345: Argument of type 'number[]' is not assignable to parameter of type 'string'.

但是还是生成了 js 文件:

function sayHello(person) {
 return 'Hello, ' + person;
}

var user = [0, 1, 2];
console.log(sayHello(user));

TypeScript 编译的时候即使报错了,还是会生成编译结果,我们仍然可以使用这个编译之后的文件。

如果要在报错的时候终止 js 文件的生成,可以在 tsconfig.json 中配置 noEmitOnError 即可。关于 tsconfig.json,请参阅官方手册中文版)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 新建一个hello.ts文件 TypeScript 中,使用 : 指定变量的类型,: 的前后有没有空格都可以 运行...
    暖年的咆哮阅读 126评论 0 0
  • TypeScript TypeScript介绍 背景介绍 TypeScript简称ts TypeScript是ES...
    duans_阅读 2,671评论 0 3
  • TypeScript 是微软开发和控制的开源项目,我在应用 Anguar 2+ 和 Ionic 2+ 框架开发系统...
    廖全磊LesterLiao阅读 1,764评论 0 3
  • https://medium.com/@equisept/simplest-typescript-with-vis...
    peerben阅读 3,065评论 0 1
  • 一生 朴实无华 钟情沉思的土地 流年里 静水深流 聆听光阴的故事 与泥沙石砾相依为命 打造命运共同体 四季交替生生...
    清源之流阅读 1,553评论 27 21

友情链接更多精彩内容