TypeScript 基础语法

瘢痕终端
• 阅读 2327

TypeScript 的注释

首先我们来看一下注释,注释其实就是对代码的解释和说明,目的是让人们能够更加轻松地了解代码,在代码中添加注释只是为了提高代码可读性,注释不会被计算机编译。

不同的语言中注释格式可能有些不同, TypeScript 中的注释其实和 JavaScript 中的一样,我们来看一下。

TypeScript 的注释分为单行注释和多行注释:

  • 单行注释:后面的文字都是注释内容。
// 这是一个单行注释
  • 多行注释 : 这种注释可以跨越多行。
/* 
 这是一个多行注释 
 这是一个多行注释 
 这是一个多行注释 
*/

在我们将 TypeScript 代码编译成 JavaScript 代码时,注释也会一起编译显示出来。而当我们运行 JavaScript 代码时,会忽略其中的注释代码,注释不会被执行。

示例:

例如在 TypeScript 代码中添加一句注释代码:

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

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

TypeScript 基础语法
从图中,我们可以看到当 TypeScript 编译成 JavaScript 代码时注释也会成功被编译。

TypeScript 空白和换行

TypeScript 语言中,会忽略程序中出现的空格、制表符和换行符。空格、制表符等通常用来缩进代码,使代码易于阅读和理解。

示例:

下面的 TypeScript 代码中,在两行代码中间一行空格:

let str:string = "你好侠课岛";  

console.log(str);

而在我们将这段代码编译成 JavaScript 后,中间那行空格没有了 :
TypeScript 基础语法

TypeScript 区分大小写

学过 JavaScript 的同学应该知道,JavaScript 中是区分大小写的,举个例子,例如变量名 Ageage 是不一样的。那因为 TypeScriptJavaScript 的超集,所以我们能够知道,TypeScript 中也会区分大小写。

因为会区分大小写,所以我们在给变量、函数命名等编码中要特别注意哟,以防出错。

示例:

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

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

在 VSCode 中编译代码时会报错,如下所示:
TypeScript 基础语法

从上图中我们可以看到,在编写代码时,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 基础语法

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/

点赞
收藏
评论区
推荐文章
Wesley13 Wesley13
3年前
java基础之 java注释
JAVA里有2中注释风格。一种以“/\”开始以“\/”结尾,另一种是以“//”起头的。被注释的内容不会被java虚拟机编译,所以这就是为什么用反编译编译源代码没有注释的原因。举个栗子packagetest;publicclassJavaDoc{/这是单行注释/
Stella981 Stella981
3年前
IDE netbeans 任务 任务列表 TODO
在代码中写入注释//TODO这里是注释netbeans中的任务列表就会显示这个注释这是Thinkphp中用到的代码版本 |版本信息:ThinkPHP3.0Release2012/3/5 类        abstractclassAction 方法    ajaxReturn行数  329   
Wesley13 Wesley13
3年前
MySQL添加注释
在数据库设计中,我们是建议为数据库,数据表以及数据字段进行添加注释的,MySQL数据库中,字段或列的注释是用属性comment来添加。创建新表的脚本中,可在字段定义创建表脚本中添加comment属性来添加注释。示例代码如下:1createtabletest(2idintnotnulldefault
Wesley13 Wesley13
3年前
Java编程中必备的好习惯
最近在做应用的性能优化,在review代码的过程中积累了一些规则和经验。做到这些规则的目的很简单,就是写出“优美”的代码来。1、注释尽可能全面对于方法的注释应该包含详细的入参和结果说明,有异常抛出的情况也要详细叙述;类的注释应该包含类的功能说明、作者和修改者。!Java编程中写出好代码的建议(http://static.oschin
Wesley13 Wesley13
3年前
C++ 注释
C注释程序的注释是解释性语句,您可以在C代码中包含注释,这将提高源代码的可读性。所有的编程语言都允许某种形式的注释。C支持单行注释和多行注释。注释中的所有字符会被C编译器忽略。1include<iostream23/runthisprogramusingthe
Wesley13 Wesley13
3年前
Java语言基础
一,注释1,分类单行,多行,文档注释2,文档注释a,生成APIb,用法:javadoc 注:ApplicationProgrammingInterfaces应用程序编程接口(其实就是说明书)3,注释是不会出现字节码文件里的二,包1,简述a,包是用来管理类的,类似文件夹管理文件b,其作用为防止命
Stella981 Stella981
3年前
Python 为什么用 # 号作注释符?
关于编程语言中的注释,其重要性基本上已为大家所共识。然而关于注释的规范,这个话题就像我们之前聊过的缩进、终止符和命名方式一样,众口难调。注释符通常可分为两种,即行注释与块注释(inline/block),它们在不同的编程语言中的符号可谓让人眼花缭乱。比如行注释符,它至少有以下的17种之多(出自维基百科(https://www.oschin
小万哥 小万哥
1年前
Python 注释:解释和优化代码可读性
注释可以用来解释Python代码。注释可以用来使代码更易读。注释可以用来在测试代码时防止执行。创建注释注释以开始,Python会忽略它们:示例:获取您自己的Python注释Python这是一个注释print("Hello,World!")注释可以放在一行的
小万哥 小万哥
1年前
C 语言注释和变量详解
C语言中的注释C语言中可以使用注释来解释代码并使其更具可读性。它还可以在测试替代代码时防止执行。单行注释单行注释以两个斜杠(//)开头。//和行末之间的任何文本都会被编译器忽略(不会被执行)。此示例在代码行之前使用单行注释:c//这是一个注释printf(
如何自定义选图功能?
1,你可以更改功能板上的各个图标按钮和响应,你可以参考RCDChatViewController文件中的注释。2,根据1提到的注释,加上如下代码(void)pluginBoardView:(RCPluginBoardView)pluginBoardView
把Mybatis Generator生成的代码加上想要的注释
1前言在日常开发工作中,我们经常用MybatisGenerator根据表结构生成对应的实体类和Mapper文件。但是MybatisGenerator默认生成的代码中,注释并不是我们想要的,所以一般在Generator配置文件中,会设置不自动生成注释。带来的