TypeScript
文章平均质量分 67
花铛
这个作者很懒,什么都没留下…
展开
-
《九》TypeScript 中的内置工具
TypeScript 内置了很多类型工具,来辅助进行类型转换。原创 2023-06-27 17:29:09 · 688 阅读 · 0 评论 -
《八》TypeScript 中的模块化
TypeScript 支持很多模块化的方案,但最主要的是 ES Module。JavaScript 规范声明任何没有 export 的 JavaScript 文件都应该被认为是一个脚本,而非一个模块,在一个脚本文件中,变量会被声明在共享的全局作用域中。而模块是有独立作用域的,可以通过添加export {]来将其变为一个模块。在 ES Module 之前,TypeScript 支持命名空间,使用来创建,使其有独立的作用域。原创 2023-06-05 10:11:07 · 171 阅读 · 0 评论 -
《七》TypeScript 中的枚举类型、映射类型和条件类型
有时候,一个类型需要基于另外一个类型,但是又不想手动拷贝一份,此时就可以使用映射类型。映射类型必须使用 type 来定义,不能使用 interface。可以把映射类型想象成是一个函数,调用它之后就会拷贝出来一份类型。原创 2023-06-16 14:18:07 · 358 阅读 · 0 评论 -
《六》TypeScript 中的泛型
泛型:宽泛的类型,其实就是类型的参数化,让类型像参数一样,不预先指定,而是在使用的时候再让别人传入进来。在定义函数、类或者接口时,如果遇到类型不明确的时候,就可以使用泛型。原创 2023-06-14 16:16:18 · 1143 阅读 · 0 评论 -
《四》TypeScript 中类的类型定义
类可以作为其实例对象的类型。类也可以被当做是一个构造函数。原创 2023-06-12 15:25:30 · 1235 阅读 · 0 评论 -
《三》TypeScript 中函数的类型定义
可以用?表示可选的参数,可选参数必须放在最后面。} else {let tomcat = buildName('Tom', 'Cat') // 正确let tom = buildName('Tom') // 正确在 ES6 中,允许给函数的参数添加默认值,TypeScript 会将添加了默认值的参数识别为可选参数,但此时不受可选参数必须放在最后面的限制。let tomcat = buildName('Tom', 'Cat') // 正确。原创 2023-06-10 11:38:56 · 2881 阅读 · 1 评论 -
《二》TypeScript 中的基本类型
在 TypeScript 中,通过类型声明来指定变量的类型,指定类型后,当为变量赋值时,TS 编译器会自动进行类型检测,检查值是否符合指定的类型,符合则赋值,否则报错。其中,使用来指定变量的类型,前后有没有空格都可以;指定的类型可以称之为。。TypeScript 对于很多类型的检测报不报错,取决于它的内部规则。TypeScript 版本也在不断地更新:在进行合理的类型检测的情况下,同时让 TypeScript 更好用,在它们之间寻求一个平衡点。原创 2022-10-12 18:25:36 · 861 阅读 · 0 评论 -
《十三》React 项目中使用 TypeScript
需要保留默认的文件,是 React 默认提供的类型声明文件。.js后缀的文件需要改为.ts后缀。.jsx后缀的文件需要改成.tsx后缀。原创 2022-01-13 17:00:00 · 353 阅读 · 0 评论 -
《十二》Babel 和 TypeScript 结合使用
Babel 是一个 JavaScript 编译器。主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。TS 可以通过 target 来指定 TS 被编译为的 JS 的版本,但无法保证能具体运行到哪些浏览器的哪些版本中;通过 babel 可以指定要兼容的目标浏览器。接第四章《使用 Webpack 打包 TypeScript 代码》。执行 npm i -D @babel/core @babel/pre.原创 2022-01-04 18:29:30 · 1392 阅读 · 0 评论 -
《十一》使用 Webpack 打包 TypeScript 代码
ts-loader:通过 ts-loader 可以将 webpack 和 typescript 进行一个整合,typescript 编译器才可以在 webpack 中使用。webpack-cli:是 webpack 的命令行工具,安装之后就可以通过命令行去使用 webpack;typescript:是 typescript 的核心包;webpack:是 webpack 的核心包;配置文件中的配置来编译 TS 代码。原创 2021-12-28 18:29:50 · 500 阅读 · 0 评论 -
《十》TypeScript 的配置文件 tsconfig.json
使用tsc --init可以在当前的根目录下自动生成配置文件。配置文件中是一个对象,其中包含很多的 key/value。配置文件中可以写注释。实际开发中,选择 TypeScript 模板时,配置文件都会被默认配置好的。原创 2021-12-27 18:10:39 · 804 阅读 · 0 评论 -
《五》TypeScript 中的接口
和类型声明类似。原创 2021-12-23 18:46:15 · 976 阅读 · 0 评论 -
《一》TypeScript 基础
TypeScript 是由微软推出的,它是 JavaScript 的一个超集,扩展了 JavaScript 的语法,添加了类型定义。它无法直接在浏览器中运行,但是可以通过配置来将它编译成任意版本的 JavaScript。TypeScript 的类型定义在很大程度上弥补了 JavaScript 类型缺失的缺点,不仅规范了代码,而且能在代码编译阶段就及时发现错误。TypeScript 拥有 JavaScript 拥有的所有特性,并且它紧跟 ECMAScript 的标准。原创 2021-05-12 16:55:25 · 100 阅读 · 0 评论