简单一文，让你快速上手TypeScript

今天我们来简单介绍一下TypeScript，让你可以快速上手

TypeScript 概述

• javascript的超集
• 任何一种javascript运行环境都支持
• 功能更为强大，生态也更健全、完善

缺点

• 语言本身多了很多概念
• 小型项目，项目初期，增加一些成本

快速上手

- yarn add typescript  --dev
- yarn tsc hello.ts    //=执行过后会生成一个同名的js文件
- tsc hello.ts     //运行tsc文件

配置文件

- yarn tsc --init  //初始化配置文件
- target  //设置编译后使用的typescript标准   ES2015 ES2016
- module  //导入导出操作 例如 commonjs amd umd
- outDir //压缩后的 输出目录
- rootDir //源代码目录
- sourceMap  //是否开启源码映射
- strict  //是否开启严格模式
- 

原始类型

默认允许为空

• string
• number
• boolean
• void
• null
• undefined
• symbol

标准库声明

- 内置对象所对应的声明
- 使用严格模式的时候 Smybol 和console报错
- 解决办法1：将tsconfig.json文件里的targer设置为es2015
- 解决办法2：在配置文件中加上 "lib":['ES2015','DOM']
- 内置对象必须引用对应的内置库

TypeScript 中文错误消息

yarn tsc --locale zh-CN   //值是设置命令行报错提示为中文
在setting 里找到 typescript locale 文件 设置为 zh-CN  //这样可以设置代码中的报错为中文  但是不推荐  不利于错误的搜索

作用域问题

在全局定义了一个 变量 另一个文件定义了同样的变量 就会报错

1. 使用闭包
(function (){
   
   const a = 124 
})()
2.通过export导出  这样就属于形成模块作用域中的成员

object类型

数组类型

const arr1: Array<number> = [1,2,3]
const arr2:number[] = [12,3]

function sun(...args:number[]){
   
    return args.reduce((prev,current)=>prev+current,0)
}

元组类型

export {