最近项目中是试用react+typeScript技术栈，作为小白的我也着实遇到了很多坑，下面是小白分享一下使用心得
语言特性感触
先说一下感触（都是废话可以直接看下一段）
(我首次接触也是由于一个官网的项目，当时组长选用ts,一版上线后他就溜了，我还要再这个基础上进行添加页面
~~~~ 首次使用真的是一堆乱码的感觉，突然觉得eslint是多么的友好，没有对比就没有伤害，当然ts也有ts的优点，可能也是以后的潮流。)
typeScript 给js 增加了一些语言的特性，其中包括
* 类型推断
* 给你定义参数的类型进行书写判断 比如string number...等
* 类型any(比较通用,一版我们没有书写内容的时候就会用any比如)
任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型
const a = []会报错 const a: any = []这样不会报错
但是优势后编辑器例如小白用的是vscode会自动修复,
它会根据类型来判断自动写上但是往往不能从根本上解决问题
* tslint 的校验性很强,比如我们经常给属性用到的null 它对null 跟undefined
也是有区别的
*
NPM 安装 TypeScript
npm install -g typescript
JavaScript 与 TypeScript 的区别
TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，
TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。
TypeScript 面向对象编程实例：
class Site {
name():void {
console.log("Runoob")
}
}
var obj = new Site()
obj.name()
以上实例定义了一个类 Site，该类有一个方法 name()，该方法在终端上输出字符串 Runoob。 new 关键字创建类的对象，该对象调用方法 name()。 编译后生成的 JavaScript 代码如下：
var Site = /** @class */ (function () {
function Site() {
}
Site.prototype.name = function () {
console.log("Runoob");
};
return Site;
}());
var obj = new Site();
obj.name();
null和underfined
null
在 JavaScript 中 null 表示 "什么都没有"。null是一个只有一个值的特殊类型，表示一个空对象引用。
用 typeof 检测 null 返回是 object。
undefined
在 JavaScript 中, undefined 是一个没有设置值的变量。
typeof 一个没有值的变量会返回 undefined。
Null 和 Undefined 是其他任何类型（包括 void）的子类型，可以赋值给其它类型，如数字类型，
此时，赋值后的类型会变成 null 或 undefined。而在TypeScript中启用严格的空校验（--strictNullChecks）特性，
就可以使得null 和 undefined 只能被赋值给 void 或本身对应的类型。
never 类型
never 是其它类型（包括 null 和 undefined）的子类型，
代表从不会出现的值。这意味着声明为 never 类型的变量只能被 never 类型所赋值，
在函数中它通常表现为抛出异常或无法执行到终止点（例如无限循环）。
TypeScript 模块
// 文件名 : SomeInterface.ts
export interface SomeInterface {
// 代码部分
}
要在另外一个文件使用该模块就需要使用 import 关键字来导入:
import someInterfaceRef = require("./SomeInterface");
填坑
比如小白项目中用到了viser 的图表插件条形图的辅助线太多，根据G2官方文档是对Axis里的 grid={null}进行处理
但是node_models里grid里设置了undefinde null没有备注就会报错 蛋疼啊···
小结
但是小白就接触到这么多，后期会根据技术的提升不断更新文档