最新文章
本文介绍如何在React中应用TypeScript，了解TypeScript在实际项目中的使用。 使用TypeScript创建React应用程序 本文假设您已对React是什么，以及它的大致工作原理有所了解，如果您根本不清楚React，本文就不适合您。 使用TypeScript创建React项目： npx create-react-app reminders-app –template...
本文我们将学习TypeScript项目与JavaScript的集成，介绍如何使用JSDoc对JavaScript代码进行类型检测，如何使用类型声明文件，以及使用DefinitelyTyped库声明文件等。 TypeScript项目包含JavaScript代码 有时候我们需要与JavaScript一些协同工作。 看例子。 添加JavaScript文件tax.js，并添加代码。 export function calculateTax(income){...
模块可以组织我们的代码，在本文中，我们将介绍如何创建和使用模块，模块的格式，默认导出，通配符导入以及重新导入等知识。 导出和导入 到目前为止，我们写的代码都在一个文件里，当文件逐渐增大时，维护就会变得困难，可以将其分隔成多个文件或者叫模块，每个模块负责一个功能。 我们有两个类，Circle 和 Square。 现在我们想把它们移到模块里，创建一个文件shapes.ts，然后将这两个类移入其中，并且在这两个类的前面加上 export 关键字表示可以导出给其他模块使用。...
装饰器允许我们修改或增强我们的类，在本文中，我们将介绍什么是装饰器，类装饰器，方法装饰器，属性装饰器，访问器装饰器，参数装饰器等。 什么是装饰器 装饰器应用于类及其成员，并可以改变它们的行为，经常应用于Angular或Vue等前端框架。如下： @Component class ProfileComponent{ } 我们用@Component装饰器来装饰ProfileComponent类，将其变成一个组件，目前我们未实现@Component装饰器，当然会有编译错误。...
本文介绍通用及可重用的类型，包括泛型类，泛型函数，泛型接口，泛型约束，以及类型映射。 问题是什么 首先我们要理解，泛型要解决什么问题。 假设我们构建一个表示键值对的类KeyValuePair。键的类型是 number, 值 的类型是 string。 如果键的类型变成 string，比如我们想定义： let keyValuePair = new KeyValuePair(“one”,”TypeScript”);...
本文介绍TypeScript面向对象编程方面的知识。我们将快速介绍什么是面向对象编程，类，构造函数，属性和方法，访问控制关键字，Getter和Setter，静态成员，索引签名，继承，多态性，抽象类，接口等。 什么是面向对象编程 面向对象编程是一种编程范式或者叫风格，它是众多编程范式中的一种。 JavaScript、TypeScript仅支持面向对象编程和函数式编程两种。 对象由属性和方法组成，对象中的变量叫做属性，而对象中的函数则被称为方法，每一个对象仅负责单一的职责。程序由众多对象组成，对象之间互相协作完成程序的功能。...
本文介绍TypeScript的高级类型。包括：类型别名, 类型联合和类型交叉，以及字面值类型，Nullable(可空)、unknown、never等类型。 类型别名 看一下employee对象。 有三个问题，第一，创建employee其他对象时，我们必须重要写这个结构；第二, 其他对象未必是一样的结构，因为不在同一个地方定义employee结构；第三，代码也比较难理解。所以就有了类型别名(Type...
本文介绍TypeScript的基本类型，您将了解到TypeScript内置的新类型，比如any, Array, Tuple, Enum, Function, Object等。 内置类型 JavaScript已有的类型有： number、string、boolean、null、undefined、object。 TypeScript在此基础上增加了： any、unknown、never、enum、tuple。...
本系列讲解TypeScript，本文是入门，介绍TypeScript是什么，设置开发环境，创建第一个TypeScript程序，配置TypeScript编译器，调试TypeScript应用程序等。 什么是TypeScript TypeScript是微软创建的，用来解决JavaScript的一些缺点。 Javascript就像一个没有任何纪律的孩子，为所欲为；而TypeScript则是一个遵守纪律的好孩子。...
网上搜索到有同样的问题. 这个贴子对我帮助很大. https://github.com/radix-ui/themes/issues/109#issuecomment-1747345743