了解TypeScript与使用

一.了解TypeScript

1.什么是TypeScript

TypeScript（简称TS）是微软公司开发的一种基于JavaScript（简称js）语言的编程语言。它的目的并不是创造一种全新语言，而是增强JavaScript的功能，使其更适合多人合作的企业级项目。TypeScript可以看成是JavaScript的超集（superset），即它继承了后者的全部特性，并在此基础上增加了静态类型检查和其他一些特性。

2.TypeScript特点

静态类型检查：TypeScript在编译阶段就能够发现并提示潜在的代码错误，使开发者在编码过程中更加高效、安全和可靠。 强类型编程语言：TypeScript是拥有类型语法的JavaScript，适合大型应用和团队开发。 功能更强大，生态更健全：TypeScript是JavaScript的超集，继承了后者的全部特性，并在此基础上增加了静态类型检查和其他一些特性。 可以被编译成纯JavaScript代码，并可以在任何支持JavaScript的运行环境中运行。 属于渐进式，边学边写：TypeScript有很多新概念，如类型、泛型、枚举等，使得学习曲线较陡峭。 JavaScript 与 TypeScript 的区别 TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。

3.TypeScript语法

TypeScript的语法主要扩展了JavaScript的语法，增强了其功能。以下是一些主要的语法概念：

模块：在TypeScript中，模块化是一种重要的编程方式，有助于将大型程序分解为更小的部分。 函数：函数是TypeScript中的基本单位，用于封装可重用的代码段。 变量：变量是用于存储数据的容器，其类型可以在编译时确定。 语句和注释：语句是执行操作的指令，注释则用于向代码中添加解释或说明。 类和对象：TypeScript是一种面向对象的编程语言，支持类和对象的使用。类是一种用户定义的数据类型，它具有属性和方法。对象则是类的实例。 方法：方法是类的一部分，它定义了可以由对象执行的操作。

4.为什么学习TypeScript

为了更好的接触鸿蒙系统，众所周知鸿蒙使用的是arkTS ，而arkTS基于TS之上，而TS又是基于JS之上，我们要想学好鸿蒙系统开发，我们就先把底层语言给打牢，这样学习arkTS会更加容易

二.安装所需软件及需要准备工作

1.安装软件

我们使用的开发工具是vsCode，Download Visual Studio Code - Mac, Linux, Windows

通过这个链接，可以选择自己电脑相对应型号进行下载安装。

2.要想安装TS我们还需要先安装node.js

下载链接： Node.js — Download Node.js®

安装好node.js我们在命令符中输入node -v去查看一下是否安装成功，如果安装成功就可以通过命令符去下载我们所需的命令与插件了

3.安装TS

按win+R输入cmd打开命令符

在命令符中输入npm install -g cnpm --registry=https://registry.npmmirror.com

安装淘宝镜像

安装TS命令：npm install -g typescript

安装TS-node命令：npm install -g ts-node

安装好之后通过命令符去查看是否安装成功

4.安装vs code插件：code Runner

安装好插件之后，我们就可以正式使用了，我们可以点击按钮运行或者右键Run code

三.了解TS基本数据类型

我们回顾一下js的基本数据类型都有哪些？

JS的基本数据类型
声明变量有三种方式 
  1.var（没有作用域，不推荐使用） 2.let 3.const（常量）

 基本数据类型有：
    number（数字型）string（字符串）boolean（布尔型）null（空）undefined（未定义）

//声明一个数字型的变量
let num=123
//声明字符串的变量
let str='张三'
//声明布尔类型 布尔类型有两个值：true（真） flase（假） 
//数字0在布尔类型中当作假 1代表真
let flag=true
//声明一个空值
let nul=null
//未定义
let a

TS的基本数据类型跟JS的基本数据类型没有变化，只是写法上有不同。我们来学习一下TS是怎么声明变量

数字类型：number

TS的基本数据类型

//数字类型
//名称：数据类型=值
//二进制、十六进制、八进制字面量数值，都会自动转为十进制进行运算
//默认十进制转换
let num:number=5
//TS的进制转换跟JS的区别
//TS的二进制转换需要在数字前面加上0b
let num1:number=0b1001
//八进制转换需要在数字前面加上0o
let num2:number=0o876
//十六进制转换需要在数字前面加上0x
let num3:number=0x123Abc


//js的进制转换
//使用toString（）方法
console.log(0b1001.toString())
//使用前缀
//十进制(Decimal)：
//取值数字 0-9；不用前缀。
//二进制(Binary)：
//取值数字 0 和 1 ；前缀 0b 或 0B。
//十六进制(Hexadecimal)：
//取值数字 0-9 和 a-f ；前缀 0x 或 0X。
//八进制(Octal)：
//取值数字 0-7 ；前缀 0o 或 0O (ES6规定)。

//使用parseint()  Number() 

console.log(parseInt('1111',2)) //15 二进制转换十进制
parseInt('1234', 8) // 668 八进制转换十进制
parseInt('18af', 16) // 6319 十六进制转换十进制
parseInt('1111') // 1111 默认十进制

Number('0b11100') // 28 //二进制转换十进制
Number('0o33') // 27 //八进制转换十进制
Number('0x33') //51 //十六进制转换十进制

字符串数据类型：string

// 2.字符串  使用''或者""  ``中的内容都是字符串
let num1=10
let name3='张三'
let name4="李四"
//`` 特殊用法，可以代替字符串的拼接
let name5=`王五${num1}`
console.log(name3)
console.log(name5)
//可以使用+进行字符串的拼接
console.log('姓名：'+name4+'年龄：'+age1)
console.log(`姓名：${name4}年龄：${age1}`)
 //只要用引号引用，就变成字符串
let name6='123'

布尔类型：boolean

// 3.布尔值 boolean-->true 真 false 假
//不能用0和1表示
let flag:boolean=true
let flag2:boolean=false

空：null

// 4.null 空 表示空值
let n1:null=null

未赋值：undefined

// 5.undefined 表示没有初始值
let n3:undefined=undefined
let n2
console.log(n3)

TS的 any 代表任何类型

//6.any 任何类型
let n4:any=123
let n5:any=true
let n6:any='终端'
//变量 'n7' 隐式具有 ‘any’ 类型，但可以从用法中推出更好的类型
let n7:any='123'

以上就是TS的基本介绍跟软件的安装，最后了解了TS与JS的基本数据类型的区别。