当前位置: 首页 > Web前端 > HTML

系统学习TypeScript(二)——开发过程与语法规则

时间:2023-03-28 12:01:47 HTML

前言我们已经知道什么是TypeScript,也知道我们为什么要使用TypeScript。今天,我们将学习如何初步使用它。TypeScript使用流程TypeScript原始文件以.ts结尾,不能直接在页面中使用,需要编译成JavaScript(.js)文件。TypeScript的使用流程基本如下图所示:在编译TypeScript文件这一步中,我们使用了前面安装的全局TypeScript模块,编译指令为:tscindex.ts这一步编译完成后会编译在index.ts层级目录下生成了一个index.js文件,我们最终在页面中使用的是编译后的JavaScript文件。前面我们说过,TypeScript是静态的,会在编译时检测数据类型、语法等。如果发现错误,会立即报错。例如,我们编译如下TypeScript代码://index.tsleta:number=12;a="ProgrammingSamadhi";报如下错误:虽然在编译阶段发生了错误,但是会生成一个JavaScript文件在theend://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还是挺像的。学习有趣的知识,认识有趣的朋友,塑造有趣的灵魂!大家好,我是〖编程三昧〗的作者王隐,我的公众号是《编程三昧》,欢迎关注,希望大家多多指教!