字节青训营笔记|Typescript

**这是我参与「第四届青训营」笔记创作活动的的第3天**

前言

之前因为大四面试找实习所以断更了，今天已经找到了公司所以开始继续打卡啦。只要在写代码怎么能一天不学习呢

装入Typescript的环境

1.安装typescript

在终端输入npm i -g typescript进行下载安装，前提你必须先安装node，如果node不会安装后面我会专门出一期笔记。

2.配置自动编译

在终端输入tsc --init,自动生成了tsconfig.json文件，并把outDir改成./js。

定义基础数据类型

一般我们在写js的时候数据定义

const user_name = 'MIKI';
const num = 200;
const bool = true;
const empty1 = null;
const empty2 = undefined;

在typescript里我们就要改变一下定义的方式了

const user_name: string = 'MIKI'
const num: number = 200
const bool: boolean = true
const empty1: null = null
const empty2: undefined = undefined

看到这里我们引出了TypeScript 具有以下特点：

• TypeScript 是 Microsoft 推出的开源语言，使用 Apache 授权协议
• TypeScript 增加了静态类型、类、模块、接口和类型注解
• TypeScript 可用于开发大型的应用
• TypeScript 易学易于理解
  

我们这里定义也就是用到了使用静态类型，静态类型的特点是

• 杜绝手误导致的变量名写错。
• 自动完成。
• 重构支持。
• 类型可以一定程度上充当文档

接口已经定义对象

在typescript定义对象的方法有很多种，我们这里用interface来定义对象

    name: string,
    age: number,
    sayHi():void
}

为什么要用这种方式呢是因为可以复用操作起来很方便。可以看一下下面的例子

    name: 'MIKI',
    age: 21,
    sayHi(){}
}

总结

今天先写到这里因为工作的项目下来了还是需要先看看的后面我每天晚上都会持续更新。尽情期待！