TypeScript使用流程TypeScript原始文件以.ts结尾,不能直接在页面中使用,需要编译成JavaScript(.js)文件。TypeScript的使用流程基本如下图所示:在编译TypeScript文件这一步中,我们使用了前面安装的全局TypeScript模块,编译指令为:tscindex.ts这一步编译完成后会编译在index.ts层级目录下生成了一个index.js文件,我们最终在页面中使用的是编译后的JavaScript文件。我们之前说过,TypeScript是静态的,会在编译过程中检测数据类型、语法等。如果发现错误,会立即报错。例如,当我们编译如下TypeScript代码时:报如下错误://index.tsleta:number=12;a="ProgrammingSamadhi";虽然在编译阶段出现了错误,但最终还是会生成一个JavaScript文件://index.jsvara=12;a="ProgrammingSamadhi";编译出错后是否生成JavaScript文件,与TypeScript编译器的配置项有关,后面会详细介绍编译配置。TypeScript基本语法规则学习一门语言,首先要学习的是它的语法规则。只有掌握了规则,才能保证少犯错误。TypeScript的基本语法规则与JavaScript相同。TypeScript保留关键字和JavaScript一样,TypeScript也有保留关键字,主要是:当我们使用TypeScript进行编码时,需要注意这些保留关键字的使用。空格和换行符TypeScript会忽略程序中出现的空格、制表符和换行符。我们经常使用空格,制表符通常用于缩进代码,使代码易于阅读和理解。functionadd(x:number,y:number):number{returnx+y;}TypeScript区分大小写TypeScript区分大小写字符。letname:string="bianchengsanmei";letName:string="ProgrammingSanmai";//name和Name是不同的变量分号是可选的每行指令是一条语句,可以不使用分号,TypeScript中分号是可选的,但我们建议您以分号结束每个语句。TypeScript注释注释是一个好习惯。虽然很多程序员讨厌注释,但还是建议大家为每一段代码写一段文字说明。注释可以提高程序的可读性。注释可以包含程序的一些信息,比如代码作者、函数说明等。单行注释(//)-//后面的文字是注释内容。多行注释(/**/)-这种类型的注释可以跨越多行。/**@Author:ProgrammingSamadhi*@FilePath:/typescript_learning/1.基本使用/index.ts*///名字的拼音letname:string="bianchengsanmei";//名字的汉字letName:string="ProgrammingSamadhi";以上就是对TypeScript的使用流程和基本语法规则的总结,其实和JavaScript还是挺像的。
