系统学习TypeScript之开发流程和语法规则

TypeScript 的使用流程

TypeScript 的使用流程基本上如下图所示：

成都创新互联自2013年创立以来，先为平度等服务建站，平度等地企业，进行企业商务咨询服务。为平度企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

编译 TypeScript 文件的这一步，我们使用的是前面安装的全局 TypeScript 模块，编译指令为：

tsc index.ts

通过这一步的编译之后，会在 index.ts 同级目录下生成一份 index.js 文件，我们最终在页面中使用的就是编译产生的 JavaScript 文件。

我们在前面说过，TypeScript 是静态的，会在编译过程中进行数据类型、语法等的检测，如果发现错误会立即报错，比如我们编译下面的 TypeScript 代码：

产生如下报错：

// index.ts
let a: number = 12;
a = "编程三昧";

虽然编译阶段发生了报错，但最终还是会生成一份 JavaScript 文件：

// index.js
var a = 12;
a = "编程三昧";

编译报错后是否生成 JavaScript 文件跟 TypeScript 编译器的配置项有关，我们会在后面介绍编译配置的详细信息。

TypeScript 基本语法规则

学习一门语言，首先应该学习的应该是它的语法规则，只有掌握了规则，才能保证少犯错误。

TypeScript 的基本语法规则和 JavaScript 相同。

TypeScript 保留关键字

和 JavaScript 一样，TypeScript 也有保留关键字，主要有：

我们在使用 TypeScript 进行编码时，需要注意这些保留关键字的使用。

空白和换行

TypeScript 会忽略程序中出现的空格、制表符和换行符。

我们经常使用空格、制表符通常用来缩进代码，使代码易于阅读和理解。

function add(x: number, y: number): number {
    return x + y;
}

TypeScript 区分大小写

TypeScript 区分大写和小写字符。

let name: string = "bianchengsanmei";
let Name: string = "编程三昧";
// name 和 Name 是不同的变量

分号是可选的

每行指令都是一段语句，你可以使用分号或不使用， 分号在 TypeScript 中是可选的，但是我们建议使用每一段语句都使用分号结束。

TypeScript 注释

注释是一个良好的习惯，虽然很多程序员讨厌注释，但还是建议你在每段代码写上文字说明。

注释可以提高程序的可读性。

注释可以包含有关程序一些信息，如代码的作者，有关函数的说明等。

• 单行注释 ( // ) − 在 // 后面的文字都是注释内容。
• 多行注释 (/* */) − 这种注释可以跨越多行。

/*
 * @Author       : 编程三昧
 * @FilePath     : /typescript_learning/1.基本使用/index.ts
 */

// 名称的拼音
let name: string = "bianchengsanmei";
// 名称的汉字
let Name: string = "编程三昧";

总结

关于 TypeScript 的使用流程和基本语法规则就说到这里，其实和 JavaScript 大差不差。

网站标题：系统学习TypeScript之开发流程和语法规则
标题来源：http://www.shufengxianlan.com/qtweb/news23/283423.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联