关注我们
关注【郑大钱呀】【公】【众】【号】，我们一起交流，一起学习。
TypeScript准备工作
什么是TypeScript
TypeScript(下文简称为ts)是微软开发的一个开源的编程语言，通过在JavaScript(下文简称为js)的基础上添加静态类型定义构建而成。ts通过其编译器或Babel转译为js代码，可运行在任何浏览器，任何操作系统。ts是js的超集，它支持所有js的语法，我们可以在ts中使用原生js语法，可以简单的理解成TS是JS的升级版。
ts与js两者的主要的区别如下：
TypeScript
JavaScript
强类型，需要强制转换类型
js是弱类型，没有静态类型选项，会自己根据环境变化自动转换类型
ts最终需要编程成js才能在浏览器中运行
js可以直接在浏览器中运行
ts是静态类型语言在编译期间就可以发现并纠正错误
js是动态类型语言在运行时才知道错误
支持模块、泛型和接口
不支持模块、泛型和接口
TypeScript学习环境
学习一门编程语言，首先有其编程环境，为了能方便快速的学习TypeScript语言，推荐一个在线的TypeScript的演练场，打开浏览器，输入网址即可使用,如下： https://www.typescriptlang.org/zh/play，界面如下：
TypeScript 安装
上面那种方式适合学习，但是工作时总不能这样来写代码，这里我们简单的说一下ts的环境搭建，首先我们需要先安装Node.js，我相信你已经会了，不会就百度嘛 然后我们打开命令行，执行如下命令：
npm install -g typescript
安装完成后,使用如下命令查看是否安装成功，如下：
tsc -v
然后我们打开vscode,创建一个ts文件(名为StudyTS.ts)，写下第一条ts代码，如下：
console.log("我要关注郑大钱嗷，关注他，关注他");
然后我们在使用命令行，编译它，将ts，转化成js，命令如下：
tsc StudyTS.ts
当你执行完这条命令的时候，就会理所当然的发现你会多了一个js文件，此时我们来执行这个js文件，命令如下：
node StudyTS.js
执行结果如下： 好了，到这里准备工作就完成了，下面正式开始发车
注释
常言道，兵马未动，粮草先行，我们首先说说注释，注释是不参与代码运行的，是给人看的，意义就是能够让代码更加的易读，更方便的理解代码，所以我们尽可能的养成写注释的好习惯。注释主要分为两种：单行注释和多行注释，示例代码如下：
// 这是单行注释
/**
* 这是多行注释
*/
变量
变量的命名规范
变量名称只能有字母、数字、下划线组成，且不要为TypeScript 保留关键字
当变量名称由多个单词组成的时候，可以使用驼峰命名发，或者下划线风格，如：personName,person_name，都可以，最好不要写成personname,易读性差。
变量浅尝
// 声明一个变量
let perName:string = "郑大钱嗷"
// 声明一个变量，不为其初始化
let sex:string;
// 声明一个常量
const age:number =10
console.log(perName);
console.log(age);
这里我们可以和编译后的js语法对比一下，如下：
"use strict";
// 声明一个变量
let perName = "郑大钱嗷";
// 声明一个变量，不为其初始化
let sex;
// 声明一个常量
const age = 10;
console.log(perName);
console.log(age);
可以发现我们在ts的代码中变量名称多了一个:和变量类型，这个就是限定变量的类型的，如果你想这个变量不需要类型显示，你可以使用js的语法，或者这样写
let perName:any = "郑大钱嗷"
此外假如你给一个变量限定类型为字符串，那么你赋一个整型的值就会报错，如图：
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vRqSu1JR-1651992033169)(https://files.mdnice.com/user/18450/c2bceda2-7dec-420f-8038-06e0ad75ad0e.png)] 再者，如果我们声明了一个变量，但是没有初始化，如果没有使用该变量，则不会报错，但是如果使用的话就会报错。
变量的联合类型
我们上面限制的是一个类型，就是一个变量只能保存一个类型，我们也可以一个变量保存多个类型，这样这个变量就能保存多个类型的数据，示例代码如下：
let varPro:string|boolean =true;
console.log(varPro);
varPro="郑大钱嗷";
console.log(varPro);
运行结果如下：
数组
数组就是一组数据，主要用来保存类型相同，含义相同的数据，比如我们要定义一个数组用来保存数字，示例代码如下：
let num:number[] = [1,2,3,4,5,6]
console.log(`数字：${num}`);
运行结果如下：
上面我们是打印了所有的数组数据，假如我想取其中某个数据，这个时候需要指定索引，值得注意的是，索引是从0开始的，示例代码如下：
let num:number[] = [1,2,3,4,5,6]
console.log(`数字：${num[0]}`);
运行结果如下： 数组除了以上的声明方式之外，还可以使用Array类来声明，并且可以结合泛型来使用，具体在泛型类讲。
下面我们接着说数组的常用操作方法，直接看示例代码：
let array:number[] = [1,9,3,4,5,6];
console.log(`原始数组：${array}`);
// 在数组的最后位置，添加元素
array.push(7);
console.log(`数组的最后位置，添加元素${array}
参考链接
您阅读本篇文章共花了：
发表评论