您的位置:首页 > Web前端 > React

part2 react官方文档笔记10--静态类型检查

2018-03-02 11:19 459 查看
像typescript的静态类型检查可以在运行程序前发现类型错误,还能让编译器提供提示功能.
ts是js的超集,不能直接访问js中全局作用域的变量,比如windows,需要在声明中指定才可以

先安装npm install --save-dev typescript
或者
yarn add --dev typescript安装后,我们可以使用ts命令, 我们可以把它放到package.json中
{
// ...
"scripts": {
"build": "tsc",
// ...
},
// ...
}

如果不告诉ts编译器该怎么做,他不会对我们有任何帮助, ts  --init可以生成 tsconfig.json
{
"compilerOptions": {
// ...
"rootDir": "src",
"outDir": "build"
// ...
},bulidyarn build
npm run build[b]类型声明
[/b]
编译器通过类型声明来检查错误与提示,因此需要类型声明文件的支持,(让别的模块能够通过导入调用)方式有两种
1 捆绑在包中, 默认为index.d.ts,或者package.json中typings或者types字段的值
2 放到DefinitelyTyped中,他是微软和开源贡献者共同管理的一个大型声明库# yarn
yarn add --dev @types/react

# npm
npm i --save-dev @types/react
3 还有一种方式是本地声明,在项目根目录下创建
declarations.d.ts

declare module 'querystring'
export function stringify(val: object): string
export function parse(val: string): object
}

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: