千锋教育前端TypeScript入门视频教程（陆神顶配版TS入门教程）

安装tsc

npm install typescript -g

tsc --version

重名冲突的解决方案：

export{} 当做模块 有自己的作用域

搭建自动转换js环境：

1.通过webpack搭建ts环境(做项目)

npm init 创建package.json

npm install webpack webpack-cli -D 本地安装 出现node_modules和package-lock.json

npm install ts-loader typescript -D

自建webpack.config.js配置文件

在package.json里的scripts中添加"build":"webpack"

由于会报错error while parsing tsconfig.json(缺少ts的配置文件)，那么就执行tsc --init

最后npm run build 把生成的js引入html即可

2.ts-node -g>安装(依赖另外两个包npm install tslib @types/node -g )

ts-node TypeScript.ts

数字类型和JavaScript一样，不区分int和double，统一为number类型。（当然可以加上前缀表示进制数）

string可以使用单引号或者双引号，当然也支持模板字符串

const info = my name is ${name},age is ${age},height is ${height];

Array、object、null和undefined类型

这三者也是ts js都有的，但语法稍有不同

Array类型

不写类型会类型推断

Array后加<泛型>

更推荐第一种写法，第二种在jsx中可能会出错

object 类型

建议直接写不添加类型注解，如果添加object类型注解后那么就不能从这个对象取属性或者赋值，会报错

null和undefined类型

在 JavaScript 中，undefined 和 null 是两个基本数据类型。

在TypeScript中，它们各自的类型也是undefined和null，也就意味着它们既是实际的值，也是自己的类型。

直接赋值两者的类型推断都是any。