TypeScript篇(一)

176 阅读2分钟

简单事情重复做,每天进步一点点

记录自己TypeScript的学习过程。

TypeScript来源

TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性,难以胜任和维护大型项目开发。因此微软开发了TypeScript ,使得其能够胜任开发大型项目。

TypeScript概述

  • 以javascript为基础构建的语言,完全支持javascript
  • 一个javascript的超集
  • 可以在任何支持javascript的平台中执行,TypeScript可以编译为任意版本的javascript
  • TypeScript: 扩展了javascript,引入了类型的概念

开发环境搭建

1、安装node(已有node环境可忽略此步骤)

2、安装typescript(npm install -g typescript)

测试typescript

1、在D盘下新建 hello.ts文件(任意目录下都可)

2、cmd命令到新建的hello.ts目录

3、输入tsc hello.ts命令,会在当前目录生成一个hello.js文件,至此证明TypeScript开发环境搭建成功。

1、数据类型

布尔值: let isDone: boolean = false;  
数字: let decLiteral: number = 6;
字符串: let name: string = "bob";
数组: let list: number[] = [1, 2, 3];  数组泛型 let list: Array<number> = [1, 2, 3];
元组: Tuple: let x: [string, number]; x = ['hello', 10]; // OK   x = [10, 'hello']; // Error
枚举: enum Color {Red = 1, Green, Blue} let c: Color = Color.Green;
Any:  任意类型
Void:  let unusable: void = undefined;  //只能为它赋予undefined和null
NullUndefined:  let u: undefined = undefined;  let n: null = null;
Never: 表示的是那些永不存在的值的类型
Object:  let obj: {name: string, age: number} = {name: 'zhangsan', age: 18}

2、类型声明

a: 变量的类型声明
    let a: number = 1 //只能给变量a赋number类型的值
b: 函数的类型声明
    function fn(a: number, b: number): number {
        return a - b
    }
    fn(1, 2) //声明的函数传参和返回值都为number类型,且函数的传参个数需为2个,不可多传或少传