typescript初级

最新推荐文章于 2023-07-11 18:03:27 发布

西米幺幺

最新推荐文章于 2023-07-11 18:03:27 发布

阅读量306

点赞数

分类专栏： typeScript react 笔记整理文章标签： typescript react

本文链接：https://blog.csdn.net/qq_40352733/article/details/118526373

版权

“strictNullChecks”: true

ts有undefined和null两个空类型的设计，使用上不方便，开启此项进行严格校验空值类型，让代码更安全。

“moduleResolution”: “node/classic”

node: 引用模块时，会从node_modules文件中检查模块是否存在
classic: 引用模块时先从项目中查找模块是否存在，若不存在再查找node_modules文件。

“jsx”: “preserve | react | react-native”,

ts中使用react需要使用上面配置开启jsx功能，否则编译报错, react文件的扩展名为.tsx

“esModuleInterop”: true

import导入，export导出模块时检查导出模块是否添加了default属性，若未设置会自动进行设置
如：module. exports = {name: ‘lmh’} 开启后会设置为：module.exports.default = {name: ‘lmh’}

“noImplicitAny”: false,

不进行隐式any类型处理

const key = 'name'
student[key] = 'lmh'			// 会报错，key被设置为隐式的any类型，若关闭此项设置便会解决此情况

“target”: “es6”

将代码编译为es6版本

泛型提高了类型的安全性和复用性

function add<T>(arg1: T, arg2: T) { 
	return arg1 + arg2
})

add<number>(1, 0)		// 1
add<string>('1', '0')			// 10

关注