携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第5天,点击查看活动详情
😊 大家好,我是思淼MJ。
上篇文章介绍了 TypeScript 、优缺点以及安装方法,今天我们就来写个 “Hello TypeScript”(是的,没错,不再是 `hello world` 了 😂)
Hello TypeScript
这也许就是学习任何一门语言的第一步,好的,我们一起来写第一个“Hello TypeScript”吧😂
-
新建文件:demo.ts
-
先来写个简单的方法:
function sayHello (person: string) { return 'Hello, ' + person; } let name = 'TypeScript'; console.log(sayHello(name));
-
然后执行:
tsc demo.ts
然后就会自动生成一个编译后的 js 文件。
在 TypeScript 中,使用 : 来定义变量的类型,: 的左侧是值,: 右侧是类型。
值:类型
上面的例子,如果我们修改为:
function sayHello (person: string) {
return 'Hello, ' + person;
}
let name = [1, 2, 3];
console.log(sayHello(name));
再次执行的时候,就会报错:
demo.ts:6:22 - error TS2345: Argument of type 'number[]' is not assignable to parameter of type 'string'.
但仍旧生成编译后的 js 文件,这个因为 TypeScript 本身就拥有的一个特性:编译的时候,即使是报错了,仍旧会生成编译结果。
如果想在报错的时候,就终止 js 文件的编译,我们可以在 tsconfig.json 中配置 noEmitOnError 。
关于这部分的配置,可以参考 官方手册。
系列文章
TypeScript:juejin.cn/column/7127…
如果对你学习有所帮助,欢迎点赞评论,对我也是一种鼓励。
近期刚开始写文章,如果有写得不合适的地方,欢迎小伙伴们指正,
也欢迎小伙伴们,和我一起学习。
下期见喽~😊