Typescript学习笔记（1）数据类型

什么是TS

• 官方定义：TypeScript 是 JavaScript 的一个超集，他可以编译成纯JavaScript，也可以在任何浏览器操作系统运行
• 简单来说，TS就是JS的一个升级版本，给JS加了限制规范，也扩展了JS的能力

安装

npm install -g typescript    ts命令行工具安装

在编译器编写自己的第一份TS代码

ts的后缀名为ts或者tsx
---------------------
const a:number = 123;
console.log(a);
---------------------
在命令行执行 tsc xxx.ts 就可以编译为JS文件
---------------------
var a = 123;
console.log(a);
这是编译后的结果，可以直接运行

基础类型

JavaScript 的类型分为两种：原始数据类型（Primitive data types）和对象类型（Object types）。
原始数据类型包括：布尔值、数值、字符串、null、undefined 以及 ES6 中的新类型 Symbol。
TypeScript可以在定义变量时指定变量类型。 TypeScript支持与JavaScript几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。

• 基本数据类型

let num:number = 123 
let isDone: boolean = false; 
let name: string = "hello";
let u: undefined = undefined;
let n: null = null;
五种基本类型变量的定义,一旦定义，就不可以变为其他类型的值

• 复杂数据类型

// TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。 
第一种，可以在元素类型后面接上 []，表示由此类型元素组成的一个数组
let list: number[] = [1, 2, 3]; 
// 第二种方式是使用数组泛型，Array<元素类型>
let list: Array<number> = [1, 2, 3];
// 有时候，我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型，可以使用 
// any类型来标记这些变量，可以是任意类型的变量
let notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; 
// 元组 Tuple元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同
let turpe :[string,number];
turpe = ['str',2]

• 函数参数
  也可以在函数内指定参数类型和返回值类型

function add (x:number,y:number,z?):number {
   return x+y
}
add(1,2)
add函数的参数共有三个其中xy为必填参数，z为可选参数,且都为number类型,返回值也为number类型

正在学习Typescript,大家一起努力