typescript学习 1.0

ts(3.1) TypeScript 是 JS 类型的超集。

• TypeScript 看作是 JavaScript 之上的一个外壳。

1. 下载ts

  示例：

  npm install -g typescript

2. 使用 Ts 则以后创建的文件后缀是 .ts 结尾

• .ts 结尾的文件和语法并不能够被 node ｜ 浏览器所解析。

3. 解析 ts, (就是把 ts 语法解析成 node | 浏览器可以解析的代码)

  示例：

    tsc 文件路径/文件名称 ｜ 文件名称

4. 生成 ts 的配置文件

  示例：

    tsc --init

5. 监听 ts 文件的改变(不需要每一次都进行编译)

  示例：

    tsc 文件名称 --watch | --w

数据类型

• 基础数据类型

  • String Number Null Boolean Undefined

• 引用（复杂）数据类型

  • Object Symbol Array Function

• 基础数据类型都是存放的简单变量，复杂数据类型一般都是存放的是对象。

ts 里面的数据类型有什么

• number
• string
• boolean
• void
• never
• symbol
• 元组
• 枚举
• 联合类型
• 类型断言
• …

如何定义 ts 的各种类型

• 基础类型的定义

示例：
  const 变量名: 校验类型 = 值;

  const num: number = 10;
  const str: string = 'abc';
  const isShow: boolean = true;

• 定义数组

示例：
  const 变量名: 数据的类型[] | Array<数据的类型> = [数据];

  // 定义数组的第一种方式
  const arr: number[] = [1,2,3];

  // 定义数组的第二种方式
  const arr: Array<number> = [1,2,3];

• 元组(位置要一一对应, 不能更改其位置)

示例：
  const 变量名:[需要的数据类型] = [设置对应的数据];

  const arr: [ string, number, boolean ] = [ 'abc', 1, true ];

  const arr1: [ string, number, boolean ]
  arr1 = [ 'abc', 1, true ];

• 枚举(枚举类型一种是字符串 | 枚举类型一种是数值)

示例：
  enum 变量名{
    对应的值 = 可以设置对应的键
  }

  enum Person{
    name = 10,
    age = 111,
    sex
  }

• 常量枚举（它是使用 const 关键字修饰的枚举，也称 const 枚举，不同于常规的枚举，它们在编译阶段会被删除，只保留使用到的枚举成员值。）

    const enmu Color {
        Red,
        Green,
        Blue,
    }
    let c = [Color.Red, Color.Green, Color.Blue];
  
    编译后的代码为：
  
    var c = [0,1,2];
  

• 异构枚举

  
    字符串和数字混合的枚举。
  

• any（任意类型）还不清楚类型的变量指定一个类型。不如说外部引入的第三方库

示例：
  const 变量名:any = 值；

  const str:any = 123;

• 联合类型

示例：
  const 变量名:类型1|类型2 = 值；

  let num:number|string = 123;
  num = '456';

• 类型断言(通过类型断言这种方式可以告诉编译器，“相信我，我知道自己在干什么”。)

示例：
  const 变量名:类型 = (<类型>需要使用的变量);
  const 变量名:类型 = (需要使用的变量 as 类型);

  let num:number|string = 123;
  num = '456';

  const len:number = (<string>num).length;
  const len:number = (num as string).length;

• void（没有类型）它表示没有任何类型。

示例：
  function 函数名():void {};

  function fn1():void {
    console.log('我很可爱！');
  }

• undefined | null

示例：
  let u: undefined = undefined;
  let n: null = null;

  let an:any = null | undefined;

• never(never类型表示的是那些永不存在的值的类型。)

示例：

  function fn1():never {
    throw new Error('错误');
  }

堆栈内存

// 使用下面命令就可以中文提示错误。
yarn tsc --locale zh-CN

对于vscode开发工具提示错误，在工具设置一下即可。

注：因为一般出错我们都会去查错，如果拿中文去查，大多查不了，所以在开发中建议还是使用它本身的英语语言。