TypeScript学习笔记（一）

1、第一个TypeScript Demo

1. 新建一个文件 demo1.ts

2. 编写一个方法并执行：

  function say() {
    let web = "Hello World"
    console.log(web)
  }
  say()

3. 在命令行编译并执行该文件：

• tsc demo1.ts   // 将 ts文件编译成js文件
• node demo1.js   // 执行 js文件 命令行输出 "Hello World"

4. 安装ts-node提高效率

每次运行ts文件都要先编译后执行，比较麻烦，所以可以安装ts-node提高效率：

• npm install ts-node -g   // 全局安装 ts-node
• ts-node demo1.ts   // 编译执行 ts文件 命令行输出 "Hello World"

2、TypeScript静态类型

静态类型是TypeScript的一个主要特点，一旦定义好一个变量的静态类型，不能再改变了

  let count: number = 1; // 定义count 是个 number 类型的静态类型。不能变更为其他类型
  count.toFixed();    // count 确定为 number 类型之后，会具备 number 类型的属性和方法
  // count = "hello"; // 赋值其他类型会报错

  interface XiaoJieJie { // 还可以通过interface（接口）来自定义静态类型
    name: string,
    age: number
  }

  let xiaohong: XiaoJieJie = { // 声明的变量必须符合自定义类型，不然会报错
    name: "小红",
    age: 18
  }

如果使用了静态类型，不仅意味着变量的类型不可以改变，还意味着类型的属性和方法也跟着确定了。这个特点就大大提高了程序的健壮性，并且编辑器这时候也会给你很好的语法提示，加快了你的开发效率。

3、TypeScript的基础静态类型和对象静态类型

1. 基础静态类型
   声明静态类型的方式很简单，在变量后面加 ： 然后加上对应类型即可

  let num: number = 10086; 
  let myName: string = "cgw";

  常见的基础静态类型有：number、string、null、undefined、boolean、symbol、void等

2. 对象静态类型

const person: { // 对象类型
  name: string, // 类型
  age: number
} = {
  name: "小红", // 值
  age: 18
}
console.log(person)

const persons: string[] = ["小红", "小兰", "小青"]; // 字符串数组类型

class Person{}
const dj: Person = new Person(); // 类 类型

const see: () => string = () => "see"; // 函数 类型