TypeScript-是javaScript 的超集

![image.png](https://upload-images.jianshu.io/upload_images/3524933-2a05a1bbb9ece09d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) typescript 可以完全ECMAScript编写 ![image.png](https://upload-images.jianshu.io/upload_images/3524933-a4f2cb493d095989.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 基本使用: 1、安装 ``` npm install -g typescript package.json生成 yarn init --yes 安装 typescript 到当前项目 yarn add typescript --dev ``` 会生成一个 tsc 命令文件(type script compare) ![image.png](https://upload-images.jianshu.io/upload_images/3524933-4d0b3f32e438ea95.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) typescript 文件后缀 .ts ![image.png](https://upload-images.jianshu.io/upload_images/3524933-b53fda33270b9b7b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 编译:终端 ``` yarn tsc <文件名> 会生成 js文件 ``` 类型限制 ``` const hello = (name: string) => { } ``` 和 flow 很相似增加类型检查,但不用关闭 javaScript 自身支持对typescript的类型检查 ### typeScript 配置文件(既可以对单个文件进行编译、整个项目) 编译之前一般会创建一个 typescript的配置文件 ``` 命令行创建配置文件 yarn tsc init ``` 配置文件中最好target写成 es2015而不要写es6 原始数据类型申明: const a:string = 'foobar' const b: number = 100 // NaN Infinity const c: boolean = true 和flow 的区别 克制直接申明为可选类型不用使用 '?'标记 需要在配置文件中关闭 strict(严格限制)所有类型都不能为 配置中strictNullChecks 只检查变量为不能为空 ``` void类型(undefined 、null) const e: void = undefined // 严格模式智能是undefuned , undefined const f: null = null const g:undefined = undefined ``` symbol ``` const h: symbol = Symbol() ``` ###TypeScript 中文错误消息,以上运行命令修改 ``` yarn tsc --local zh-CN ``` ###Typescript 作用域 参考Swift 全局作用域、局部作用域、模块作用域 ###TypeScript 中 Object类型 指除基本类型外的所有typescript类型,相当于 id 类型(也能指向函数类型但是Swift中 any 没试过) 对象字面量: ![截屏2022-09-06 下午11.01.07.png](https://upload-images.jianshu.io/upload_images/3524933-936e9dde0ff47a5f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 对象类型要求必须和申明的属性一一对应

你可能感兴趣的:(TypeScript-是javaScript 的超集)