TypeScript 开发环境的搭建与数据类型

一、Ts的优势

• 更早的发现错误
• 任何位置都有代码提示，增加开发效率
• 类型系统提升了代码的可维护性，重构更容易
• 使用最新的ES语法
• TS类型推断机制，降低成本

二、开发环境的搭建

1. 安装 Node.js 使用 node -v 来检查 node.js 的版本
2. 安装 TypeScript 编译器：npm i typescript -g
3. 查看TS版本：tsc -v
4. tsc --init  生成配置文件
5. 使用 tsc 命令转换 TS 成 js ：例如：tsc hello.ts
6. 自动编译 tsc --watch

初次使用 tsc 命令可能会出现如下错误：

 解决方案：https://blog.csdn.net/virusss/article/details/122940140

ts中变量或函数名与js中重复名报错 再ts中添加一行export default{} //模块化

三、数据类型

1、基础数据类型

• number类型：双精度 64 位浮点值。它可以用来表示整数和分数。
• boolean类型：表示逻辑值：true与false。
• string类型：一个字符系列，使用单引号（'）或双引号（"）来表示字符串类型。反引号（`）来定义多行文本和内嵌表达式。

export default {}

// 数值类型 number
let num:Number;
num=100
num=3.14
// num=0x00
console.log(num);

// 布尔类型
let flag:boolean
flag=true
flag=false
// flag='abc'//报错
// flag=123//报错

// 字符串类型
let str:string
str='张三'
let msg=`我的名字叫${str}`
console.log(str);
console.log(msg);

2、数组

声明变量的一组集合称之为数组。

export default {}

// 数组的基本使用
// 方法一：
let arr_1:string[];
arr_1=['张三','李四','王五']
// arr_1=['张三','李四','王五',100]//报错

// 方法二：
let arr_2:Array<number>;
arr_2=[1,2,3,4]
// arr_2=[1,3,8,'123']//报错

// 方法三：联合类型
let arr_3:(number|string)[];
arr_3=['张安','李四',18]
// arr_3=['张安','李四',18,true]//报错

// 方法四：任意类型
let arr_4:any[];
arr_4=['张三',12,true]

3、元组

元组类型用来表示已知元素数量