TypeScript再认识最近也是开始学到了Ts的后面的知识点，豆芽也是在这里去总结了一下，加深自己的印象。说到Ts的进阶知识，就要先说一说Ts的接口。接口(Interface)接口的作用类似于抽象类，不同点在于接口中的所有方法和属性都是没有实值的，换句话说接口中的所有方法都是抽象方法。接口主要负责定义一个类的结构，接口可以去限制一个对象的接口，对象只有包含接口中定义的所有属性和方法时才能匹配接口
转载
2024-04-12 09:25:31
162阅读
Interfaces作为TypeScript中的核心特色之一，能够让类型检查帮助我们知道一个对象应该有什么，相比我们在编写JavaScript的时候经常遇到函数需要传递参数，可能在编写的时候知道这个对象能够提供哪些值，但是以后维护的时候负责看这段代码的人都无法确认这个对象还有其他的哪些值，就需要翻阅源码看看调用这个函数的代码。 第一个接口在开始正题之前我们先来一个简单的例子。
转载
2024-06-18 17:04:33
57阅读
# TypeScript 接口字段如何给默认值
在 TypeScript 中，接口（Interface）提供了一种强大的方法来定义对象的形状。但是，直接在接口中定义字段的默认值是不可能的，因为接口只定义了对象的结构，而不包含如何初始化这些对象的逻辑。然而，我们可以通过使用类（Class）或工厂函数（Factory Function）来实现给接口字段设置默认值的目的。本文将探讨这一实际问题，并提供
一、泛型 1.泛型的概念 [宽泛、广泛的类型，未知的类型] 泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。// 原来的定义
function echo(arg:any){
return arg
一、原始数据类型js原始数据类型包括：布尔值、数值、字符串、null、undefined 以及 ES6 中的新类型 Symbol和 BigInt。ts中的原始数据类型包括：boolean、number、string、void、null、undefinedvoid表示没有任何返回值的函数。null和undefined是所有类型的子类型，也就是说null和undefined能赋值给任一类型，
转载
2023-09-15 23:07:19
131阅读
在 TypeScript 中，我们经常会遇到使用接口（interface）时需要设置默认值的问题，这是一种常见的需求，值得我们深入探讨。
### 问题背景
在日常开发中，我们经常需要定义数据结构以确保数据的类型安全和一致性。TypeScript 的接口是一种非常强大的工具，可以帮助我们定义这些数据结构，但接口本身并不支持默认值的概念。假设我们有一个用户对象的接口，定义了几个属性：
```ty
一、函数的定义先来看一下我们之前使用 JavaScritp 的时候定义的函数// Named function
function add(x, y) {
return x + y;
}
// Anonymous function
let myAdd = function(x, y) { return x + y; };可以看到，一种是有名称的，还有一种是匿名的。但这两种函数定义，都不是很
/** * 1、原始类型：string、number、boolean、undefined、null、enum、symbol、any（任意值） * 2、空值一般用void表示，也用来表示函数返回空值 * 3、变量定义时如果没有被赋值，则默认为any类型 * 4、类型推断：定义时没有指定类型，根据初始值倒退出变量的类型。所
转载
2023-11-01 19:03:30
1267阅读
在本文中，我将介绍如何使用TypeScript泛型来声明一个 defineStore 函数(类似于Pinia库中的 defineStore 函数)来完成以下挑战。在挑战中，我还会介绍一些非常有用的TypeScript知识。掌握了以后，应该会对你的工作有所帮助。TypeScript泛型的高级用法第1部分TypeScript泛型的高级用法第2部分挑战  
前言最近在写一个博客的项目，前端用的 vue+typescript+element-ui,后台则选择了 koa2+typescript+mongoDB的组合。写这篇博客的目的也是在写后台的过程遇到一些问题，查了很多资料才解决。于是权当总结，亦是记录，可以给别人做一个完整的参考。基本信息这里列出来的是会用到的一些配置信息，毕竟一直都在更新，可能这里说的以后某个版本就不支持了。"nodemon"
开发环境1.安装Node.jshttps://nodejs.org/zh-cn/通过 node -v 命令查看本机是否安装，如果没有安装，参考node.js安装指南 根据电脑系统环境进行安装2.初始化一个 TypeScript 项目mkdir project && cd project
npm init -y
npm install -save-dev typescript3.创建
转载
2024-05-31 19:58:42
39阅读
首先，声明几点：Typescript 必须学，属于前端和中间件开发的基本技能，这个没得谈以下所称不需要 Typescript 的场景，均为特定场景，并非贬低 Typescript成本收益考量是基础，并不是说一项技术不好，而是从其中获取的收益，没有付出的成本高有这几个基础点，再来讨论这个问题 ——使用Typescript一定会更好么？静态类型 vs 动态类型静态类型一定比动态类型好，这
转载
2024-07-23 12:45:05
44阅读
函数可选参数和默认参数 TypeScript里的每个函数参数都是必须的。 这不是指不能传递 null或undefined作为参数，而是说编译器检查用户是否为每个参数都传入了值。 编译器还会假设只有这些参数会被传递进函数。 简短地说，传递给一个函数的参数个数必须与函数期望的参数个数一致。剩余参数 必要参数，默认参数和可选参数有个共同点：它们表示某一个参数。 有时，你想同时操作多个参数，或者你并不知道
转载
2024-01-27 20:25:50
287阅读
一、原始数据类型布尔值布尔值是最基础的数据类型，在 TypeScript 中，使用 boolean 定义布尔值类型let isTrue: boolean = false;数值使用 number 定义数值类型let num: number = 1;字符串使用 string 定义字符串类型let name: string = "Tom";Null 和 Undefined可以使用 null 和 unde
转载
2023-12-12 13:36:26
104阅读
在 TypeScript 中，我们经常会遇到需要为 **interface** 设置默认值的情况。这种情况尤其在构建可配置组件时变得非常重要，因为程序的灵活性和可读性直接受到了影响。接下来，我将带你一起探索解决这个问题的过程。
### 背景定位
在某个项目中，我们的团队需要为一个配置组件定义多个接口。准确的说，在最初的设计阶段，我们设置了很多参数，并期望这些参数能够拥有合理的默认值。随着需求的
TypeScript 是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法。TypeScript 通过类型注解提供编译时的静态类型检查，可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译，另外TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行 前提：VS Code、node、
转载
2024-07-15 13:10:09
182阅读
简言函数是js的重要的一个基础构件，所以TypeScript 有许多方法来描述如何调用函数。让我们来学习如何编写描述函数的类型。函数类型定义函数一般包括函数名、参数和返回值，这些都需要类型定义。函数声明类型函数有多种声明方式，例如函数表达式、new声明（构造函数）之类的。 函数表达式类型定义：// 最简单
type Fn = () => void
// 带参数,不返回值
type Fn2
假如我现在需要批量生产一批对象,这些对象有相同的属性,并且对应属性值的数据类型一致.该怎么去做? 在ts中,因为要检验数据类型,所以必须对每个变量进行规范,自然也提供了一种批量规范的功能.这个功能就是接口.比如下图就是接口的使用:结合上图我们对接口进行简单的分析. 一、基本使用.编写接口interface+接口名
一.TypeScript—编译选项和tsconfig.json配置选项二.使用webpack打包ts代码 上一篇系统地总结学习了TypeScript的基础常用语法。但我们学习 TypeScript 的目的不是为了造一间“小茅屋”，而是为了造“高楼大厦”，这也正是 TypeScript 的类型系统带来的优势。这一篇博客会学习TypeScript 工程化的一些知识点，具体内容包括：tsc编译选项、t
TypeScript 2.3扩充了语言的语法，添加的内容包括支持泛型参数(Generic Parameter)定义默认值，以及支持异步的生成器(Generator)与迭代器(Iterator)。它还提供了新的编译选项，并引入了对语言服务器插件的官方支持，意在改进与现有JavaScript代码的集成。泛型参数默认值类似于函数参数的默认值，它使TypeScript的泛型语法更为灵活。举个例子，假定一个
转载
2024-01-30 06:38:20
115阅读
