1、配置环境以及项目初始化typescript的环境配置参考node中的nodemon配置typescript, 并且配置parcel-bundler,具体配置如下{ "name": "ts", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "parcel
# 重写Ant Design组件的类型定义 ## 引言 在使用Ant Design这样的UI库时,我们经常需要根据自己的业务逻辑进行定制化。然而,在使用TypeScript时,Ant Design的类型定义并不总是完全符合我们的需求。因此,我们可能需要重写Ant Design组件的类型定义,以便更好地适配我们的项目。 本文将介绍如何重写Ant Design组件的类型定义,以及如何创建一个自定
原创 2024-06-30 06:08:00
163阅读
typescript中的类ts类的定义ts中实现继承类中的修饰符静态属性与静态方法多态抽象方法和抽象类1. 类的定义使用class关键字class Person{ name:string; //定义属性,前面省略了public constrctor(n:string){//构造函数,实例化类的时候会触发 this.name = n; } getName():string{ retu
转载 2024-06-22 21:45:05
105阅读
先留存时间不够再改基本类型布尔值let isDone: boolean = false;数字和JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的类型是number。 除了支持十进制和十六进制字面量,TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。let decLiteral: number = 6; let hexLitera
TypeScript基础入门之高级类型类型保护与区分类型 项目实践仓库https://github.com/durban89/typescript_demo.git tag: 1.4.3为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能直接运行看到输出的结果。npm install -D ts-node后面自己在练习的时候可以这样使用npx ts-n
本文的价值在于,基于官方文档,作一种更为通俗和易于理解的解读,使得读者能够用最小的时间和精力成本,把握TypeScript接口的精髓。第一章 什么是接口我们知道在TypeScript里, 需要对各种值进行类型检查。为了实现对类型的检查,我们引入了接口。也就是说,接口实际上是一种约定,它约定了一种类型。用官方文档的说法,即接口的作用就是为这些类型命名和为你的代码或第三方代码定义契
转载 2023-11-27 02:24:58
63阅读
一,前言本篇对函数相关知识进行梳理1,函数的4种定义方式 2,TS对函数参数的要求 3,函数参数-可选参数,默认值,剩余参数 4,函数重载二,函数的4种定义方式// 使用function定义函数 function add1 (x: number, y: number) { return x + y; } // 通过一个变量定义一个函数类型 let add2: (x: number, y:
TypeScript基础入门 - 接口 - 继承接口项目实践仓库https://github.com/durban89/typescript_demo.git tag: 1.0.13为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能直接运行看到输出的结果。npm install -D ts-node后面自己在练习的时候可以这样使用npx ts-node src/lea
  Object 类 学习总结 在 Java中有这样一个类 ,它是所有类 的祖先,任何类 都是其子孙类 ,它就是 java.lang.Object ,如果一个类 没有显式地指明其父类 ,那么它的父类 就是 Object 。如同我们称自己为炎黄子孙一样,所有的类 都可以称为 Object 子孙, ^_^。在 java中除了基本型别 (数字、字符、布尔值, primitive type)不是
转载 2024-10-22 21:58:41
24阅读
一、使用TS安装TypeScript有两种主要的方式来获取TypeScript工具:通过npm(Node.js包管理器)安装Visual Studio的TypeScript插件针对使用npm的用户:npm install -g typescript安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号:$ tsc -v Version 4.9.3然后我们新建
转载 2024-06-30 19:43:32
35阅读
今天我们开始说Ts中的Enum枚举类型和泛型的相关内容:枚举类型在其他的很多静态语言中都有相应的使用,在TS中的枚举类型也是类似的,很常见的一个使用场景是: 当我们在进行switch…case或者if…else…这样的条件判断的时候,我们可以对一些判断条件使用枚举类型,它可以使得条件的判断更加的直观,提高代码的可读性和易维护性。 这里我们定义一个简单的枚举类型:enum Status{ OFF
typeScript中的类1 类的定义 2 继承 3 类里面的修饰符 4 静态属性 静态方法 5 抽象类 继承 多态1、ts中类的定义es5: function Person(name){ this.name=name; this.run=function(){ console.log(this.name)
转载 2023-12-06 16:28:59
272阅读
继承的分类Js继承大可以根据是否用了Object.create分成两大类。 其中使用Object.create的原型链继承和不使用Object.create的原型式继承相似;类似的,用了Object.create的构造函数继承也与不用Object.create的寄生式继承对应。而寄生组合继承则是对组合继承做了优化,是最为理想的继承。ES6的extends与它基本一致,只是在实现方式上有所不同。不用
转载 2023-08-23 22:52:05
61阅读
方法重载,指 同一个类中 多个 方法(与返回值,访问修饰符无关): 方法名相同 参数列表不同 构造函数重载 方法重写的规则 在继承关系的子类中 重写的访问修饰符不能比父类的访问修饰符更严格(例如。父类是默认,则重写则可以使默认、protect和public) 重写的方法名、参数、返回值类型必须与父类相同 私有方法不能继承因而也无法重写 方法重写 vs
TypeScript介绍 TypeScript官网:https://www.tslang.cn/基本使用 全局安装:npm i typescript -g,然后就可以使用tsc命令编译.ts文件。let num: number = 100; //index.ts function test(a: number): number {}在git里运行 tsc index.ts //会自动在同级目
转载 2024-03-05 16:48:19
31阅读
# TypeScript 重写 Protect 原理探究 TypeScript 是 JavaScript 的超集,增加了类型系统和其他一些功能,使得开发者在写代码时可以享受到更好的开发体验与安全性。今天,我们将讨论如何在 TypeScript重写保护(`protect`)机制,并通过代码示例来加深理解。 ## `protect` 机制概述 在一些编程语言和框架中,保护机制用于控制对特定数
# TypeScript重写type TypeScript是一种静态类型检查的JavaScript超集,它提供了一些扩展和特性来增强JavaScript的功能。其中一个重要的功能是类型系统,它允许我们定义和使用自定义类型。这篇文章将介绍如何使用TypeScript重写类型,并提供一些代码示例。 ## TypeScript类型系统简介 在JavaScript中,我们可以使用`typeof`和
原创 2024-01-15 10:13:10
143阅读
## TypeScript 重写构造 ### 引言 在软件开发过程中,我们经常会遇到需要重写构造函数的情况。构造函数是用来创建和初始化对象的特殊方法,它具有与类同名的函数名,并且没有返回类型。在 JavaScript 中,我们可以通过创建一个类来定义一个构造函数。然而,当我们使用 TypeScript 时,我们可以使用更丰富的类型系统来重新构造构造函数,以提高代码的可读性和可维护性。 本文将
原创 2023-09-07 20:01:57
112阅读
# TypeScript 重写函数的指南 随着现代前端开发的普及,TypeScript越来越受到开发者的青睐。TypeScript是一种强类型的JavaScript超集,它能够帮助我们更好地管理代码,增强代码的可读性和可维护性。本文旨在指导刚入行的小白如何重写函数,尤其是在TypeScript中的应用。我们将通过一个系统化的流程来进行。 ## 流程概述 在进行函数重写之前,我们首先需要了解其
原创 8月前
17阅读
## TypeScript 重写声明 TypeScript 是一种由微软开发的开源编程语言,它是 JavaScript 的超集。TypeScript 提供了强类型检查、面向对象编程等特性,使得开发者能够更加安全和高效地编写代码。 在 TypeScript 中,我们可以使用声明文件(declaration files)来描述已有 JavaScript 库的类型信息。这些声明文件通常以 .d.ts
原创 2023-12-21 05:00:42
58阅读
  • 1
  • 2
  • 3
  • 4
  • 5