前言
咱们曾经晓得了 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 大差不差。
学习乏味的常识,结识乏味的敌人,塑造乏味的灵魂!
大家好,我是〖编程三昧〗的作者 隐逸王 ,我的公众号是『编程三昧』,欢送关注,心愿大家多多指教!