首先咱们来看一下正文,正文其实就是对代码的解释和阐明,目标是让人们可能更加轻松地理解代码,在代码中增加正文只是为了进步代码可读性,正文不会被计算机编译。

不同的语言中正文格局可能有些不同, TypeScript 中的正文其实和 JavaScript 中的一样,咱们来看一下。

TypeScript 的正文分为单行正文和多行正文:

  • 单行正文:前面的文字都是正文内容。
// 这是一个单行正文
  • 多行正文 : 这种正文能够逾越多行。
/*  这是一个多行正文  这是一个多行正文  这是一个多行正文 */

在咱们将 TypeScript 代码编译成 JavaScript 代码时,正文也会一起编译显示进去。而当咱们运行 JavaScript 代码时,会疏忽其中的正文代码,正文不会被执行。

示例:

例如在 TypeScript 代码中增加一句正文代码:

let str :string = "侠课岛";console.log(str);// 这是一行正文

通过 tsc test.ts 命令编译将之编译成 JavaScript 代码,生成的 test.js 文件内容如下所示:


从图中,咱们能够看到当 TypeScript 编译成 JavaScript 代码时正文也会胜利被编译。

TypeScript 空白和换行

TypeScript 语言中,会疏忽程序中呈现的空格、制表符和换行符。空格、制表符等通常用来缩进代码,使代码易于浏览和了解。

示例:

上面的 TypeScript 代码中,在两行代码两头一行空格:

let str:string = "你好侠课岛";  console.log(str);

而在咱们将这段代码编译成 JavaScript 后,两头那行空格没有了 :

TypeScript 辨别大小写

学过 JavaScript 的同学应该晓得,JavaScript 中是辨别大小写的,举个例子,例如变量名 Ageage 是不一样的。那因为 TypeScriptJavaScript 的超集,所以咱们可能晓得,TypeScript 中也会辨别大小写。

因为会辨别大小写,所以咱们在给变量、函数命名等编码中要特地留神哟,以防出错。

示例:

例如咱们定义了一个变量名为 xkd 的变量,应用的是小写字母命名,而后咱们应用这个变量时将它写成了大写字母 XKD

let xkd:string = "侠课岛";  console.log(XKD);  

在 VSCode 中编译代码时会报错,如下所示:

从上图中咱们能够看到,在编写代码时,VSCode 编辑器就会用红色波浪线提醒咱们这里错了,将鼠标放在下面时,会呈现谬误起因,这是 VSCode 编辑器中的谬误提醒性能。

如果在终端中执行这个 ts 文件,执行后果同样会通知咱们哪里报错,和报错起因是什么。

命名标准

  • 应用 PascalCase (帕斯卡命名法)为类型命名。
  • 不要应用 I 做为接口名前缀。
  • 应用 PascalCase 为枚举值命名。
  • 应用 camelCase (骆驼式命名法)为函数命名。
  • 应用 camelCase 为属性或本地变量命名。
  • 不要为公有属性名增加 _ 前缀。
  • 尽可能应用残缺的单词拼写命名。

帕斯卡命名法PascalCase 一种计算机编程中的变量命名办法。它次要的特点是将形容变量作用所有单词的首字母大写,而后间接连接起来,单词之间没有连接符。例如 FirstNameLastNameAnimal 等。

骆驼式命名法Camel-CasePascalCase 相似,不同的是 Camel-Case 正如它的名字一样,第一个单词的首字母小写,从第二个单词开始当前的每个单词的首字母都采纳大写字母。例如 firstNamefastNamemyFirstName 等。

保留关键字

TypeScript 中的保留关键字如下表所示:

breakascatchswitch
caseifthrowelse
varnumberstringget
moduletypeinstanceoftypeof
publicprivateenumexport
finallyforwhilevoid
nullsuperthisnew
inreturntruefalse
anyextendsstaticlet
packageimplementsinterfacefunction
newtryyieldconst
continuedo

保留关键字是指在高级语言中曾经定义过的字,咱们不能再将这些作为变量名或函数名应用。

示例:

例如应用关键字 break 作为变量名:

let break:string = "关键字";

执行代码,会输入如下报错信息:

TypeScript 和 JavaScript 的区别

TypeScript 能够应用 JavaScript 中的所有代码和编程概念,TypeScript 是为了使 JavaScript 的开发变得更加容易而创立的。上面是一些 TypeScriptJavaScript 的区别:

  • TypeScript 中的数据要求带有明确的类型,JavaScript 不要求,因为 TypeScript 是强类型语言, JavaScript 是弱类型语言。
  • TypeScript 通过类型注解提供编译时的动态类型查看。
  • JavaScript 代码能够在无需任何批改的状况下与 TypeScript 一起工作,同时能够应用编译器将 TypeScript 代码转换为 JavaScript
  • TypeScript 从外围语言方面和类概念方面的模塑方面对 JavaScript 对象模型进行扩大。
  • TypeScript 提供了缺省参数值。
  • TypeScript 引入了 JavaScript 中没有的“类”概念。
  • TypeScript 中引入模块的概念,能够把申明、数据、函数和类封装在模块中。

链接:https://www.9xkd.com/