TypeScript初体验

TypeScript初体验

安装

npm install -g typescript

第一个TS文件

Node运行TS文件

1. tsc hello.ts tsc是通过npm install -g typescript安装的解析TS工具包里面的解析TS的工具，作用是将TS文件解析成JS文件
2. node hello.js node运行js

简化执行TS步骤

1. 安装ts-node包：npm install -g ts-node改包内部帮你将TS文件转成JS文件
2. 使用ts-node执行ts文件ts-node hello.ts

声明变量

先声明变量Syntax: let Variable_name:type;再赋值Variable_name = valueor let Variable_name:type = value直接赋值

eg：let Name2:string = ‘jiangg21’

Notice：TS必须指定类型 ‘:string’类型注解

基本数据类型

number/string/boolean/undefined/null

创建数组：类型注解比较特殊

let names:string[] = []

let nums:number[] = []

函数声明方式

function fn(name:string,age:num){}

VSCode 调试器调试TS代码

1. 安装Debugger for Chrome插件

2. 修改launch.json配置文件:"args"参数中的/test.js为要调试的文件名

 {
 
       "version": "0.2.0",
   
       "configurations": [
   
           {
   
               "type": "node",
   
               "request": "launch",
   
               "name": "Chrome",
   
               "runtimeArgs": ["-r","ts-node/register"],
   
               "args": ["${workspaceFolder}/test.js"]
   
           }
   
       ]
   
   }
   
    

接口

1. 对象类型注解

2. 接口的使用

   直接再对象名称后面写类型注解的坏处：1.代码结构不简洁 2.无法复用类型注解。

   接口：为对象的类型注解命名，并未你得代码建立契约来月输对象的结构。

枚举

Syntax: enum 枚举名称{成员1，成员2，...}

数字枚举

字符串枚举