乐趣区

关于前端:系统学习-TypeScript二开发流程和语法规则

前言

咱们曾经晓得了 TypeScript 是什么,以及为什么要用 TypeScript,明天,咱们就来学习怎么初步应用它。

TypeScript 的应用流程

原始的 TypeScript 文件以 .ts 结尾,它不能被间接应用到页面中,须要通过编译,转换成 JavaScript(.js)文件才行。

TypeScript 的应用流程基本上如下图所示:

编译 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 大差不差。

学习乏味的常识,结识乏味的敌人,塑造乏味的灵魂!

大家好,我是〖编程三昧〗的作者 隐逸王 ,我的公众号是『编程三昧』,欢送关注,心愿大家多多指教!

退出移动版