typescript 类型问题
如图所示，为什么会报错呢？正确写法应该是什么样呢。回答type Obj = {a?:string,b?:number,c?:boolean};function setValue<T extends keyof Obj>(obj:Obj,value:{k:T,v:Obj[T]}){ let {k,v}=value; if(v){ obj[k]=v; }}...
2024-01-10
关于typescript声明文件
设置了index.d.ts声明文件还是不行，仍然报错。哪里配置的不对么？求大佬告知~~~回答你的src在哪？已经解决配置没有问题：解决方案：types声明文件.d.ts其中的需要与里面需要声明的模块名称相同...
2024-01-10
typescript 函数泛型问题
function getRandomNumber<T>(start: T, end: T, k: T): [] {let res:any[] = []for (let i = start; i < end; i++) {res.push({value:i,random:Math.random()})}res = res.slice(res.length-k)console.log(res)return []}getRandomNumber<number>(1,10,5)代码如上 我在 vscode 编辑器提...
2024-01-10
问一个typescript类型问题？
给定一条数据结构（API数组里面的个数是未知的）如下所示const api = [ { name: 'pageA', table: true }, { name: 'pageB', }]如何推导出类似这样的类型type Result = { pageA: boolean pageB: unknown...
2024-02-29
typescript这样写为什么报错
正常代码可以看到a的类型但是这样a是自动获取的类型，我如果想提前声明a的类型，以下这样写就会报错，要怎么写呢？回答没毛病啊，要不你试试 typeof vue 来获取类型。...
2024-01-10
node添加typescript成功步骤
npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/distnpm -g install typescript...
2024-01-10typescript如何使用watch?
如何将下面的js版的watch，改成ts版：watch: { checkVal: { handler: function (val) { if (val) { this.checkList.forEach((item) => { this.checkVal.forEach((i) => { ...
2024-02-24
typescript 接口申明函数类型错误
typescript 接口申明函数类型错误interface SearchFunc { (key: string | number | symbol, object: object): key is keyof object } let mySearch: SearchFunc = function(key, object) { return key in objec...
2024-02-20
Typescript 类型检查的问题
相关链接：https://www.typescriptlang.org/play?#code/KYDwDg9gTgLgBASwHY2FAZgQwMbDgBQgGcEYEIk4BvAKDjgBsKAuOJAVwFsAjNAbjqNMMVhx79BTJAHMAggBN5UAPysiMKMmkD6RABbQYCparjrNMnXGykAngGEI84KfNarmeY+euN7wTYwtgBymJwuan6WgpAIAJLyvhbagvIIbtgwSf70MBAA7kgAynoIYNnRuhrAwDCh4RUpAL...
2024-01-10
【TS】TypeScript因子
相比 JavaScript ，TypeScript有它自己的一些性质需要我们着重了解。为了更好的发现 JavaScript 和 TypeScript代码的区别，我们可以使用相关在线编辑器。 对于 JavaScript 和 TypeScript代码的区别，小编主要从以下几个方面来举例说明：一、字符串（1）多行字符串（数字1左边的键） （2）多行字符串模...
2024-01-10
上帝视角看 TypeScript
TypeScript 的学习资料非常多，其中也不乏很多优秀的文章和教程。但是目前为止没有一个我特别满意的。原因有：它们大多数没有一个清晰的主线，而是按照 API 组织章节的，内容在逻辑上比较零散。大多是“讲是什么，怎么用“，而不是”讲为什么，讲原理“。大多数内容比较枯燥，趣味性比较低...
2024-01-10
Vue 中使用 typescript的方法详解
目录1. 静态类型检查2.智能补全3.在重构上4. 可读性什么是typescripttypescript 为 javaScript的超集，这意味着它支持所有都JavaScript都语法。它很像JavaScript都强类型版本，除此之外，它还有一些扩展的语法，如interface/module等。 typescript 在编译期会去掉类型和特有语法，生成纯粹的JavaScript。Typescript 5年内的热...
2024-01-10
typescript 中如何获取到内部类的类型
class BST { // root 为 new BST.Node() 类型应该为 BST.Node 的实例 root: ???; constructor (key:number, value:any) { this.root = new BST.Node(key, value) } static Node = class { ...
2024-03-15
typescript 中赋值时多种数据类型的问题
一个传入参数 handle 被声明为类型 a|null，然后将该参数赋值给类型为 a 的变量会报错，要如何解决？看下图我应该将传入参数的类型指定为 a 而不要 a|null ？？回答代码中 SimpleReuseStragegy.snapshorts[key] 要求输入一个非空值，而 handle 的类型有可能是空，所以如果允许 SimpleReuseStragegy.snapshots[key] = handle 的话...
2024-01-10使用typescript改造koa开发框架的实现
强类型的 TypeScript 开发体验和维护项目上相比 JavaScript 有着明显的优势，那么对常用的脚手架进行改造也就势在必行了。接下来开始对基于 koa 框架的 node 后端脚手架进行改造：项目开发环境 和 typescript 编译环境的搭建；对 node、koa、koa中间件和使用到的库 添加类型化支持；基于 typesript 的特性改...
2024-01-10
typescript对象类型（函数）应该怎么定义？
正在跟着 https://jspang.com/detailed?i... 学习typescript.看到这里：我们还可以定义一个函数类型，并确定返回值。代码如下：const jianXiaoJieJie: () => string = () => {return "大脚";};看到这个有点懵了。首先如果是函数定义我觉得是这样：const jianXiaoJieJie:()=>{return "大脚";}然后本身函数返回的是字符串，所以再改进...
2024-01-10TypeScript中的方法重载详解
前言方法重载（overload）在传统的静态类型语言中是很常见的。JavaScript 作为动态语言， 是没有重载这一说的。一是它的参数没有类型的区分，二是对参数个数也没有检查。虽然语言层面无法自动进行重载，但借助其动态的特性，我们可以在代码中手动检查入参的类型，或者通过 arguments 获取到参数个...
2024-01-10Webpack和Typescript图像导入
我正在开发一个 应用程序并使用 和 。我想在<img/>标签之一中使用图片。但是，我没有找到访问图像文件的正确方法。 ： ... module: { rules: [ ... { test: /\.(png|jpe?g|svg)$/, loader: 'file-loader', options: { name: 'as...
2024-01-10
关于vue使用typescript全局注册组件的问题
// src/compontents/table.vue<template> <div class="table"></div></template><script lang="ts">import { Component, Vue } from 'vue-property-decorator';@Component({ name: 'TableData' })export ...
2024-03-01如何在TypeScript中导出对象？
例如，我正在尝试导出TS对象以获取以下JavaScript输出：const path = require('path'), rootPath = path.normalize(__dirname + '/..'), env = process.env.NODE_ENV || 'development';let config = { development: { amqpUrl: "amqp://localhost:15672", root: rootPath }, te...
2024-01-10
【前端问题精选】编译 typescript 文件 报错
配置完相关的 tsconfig.json 文件后，在控制台 运行 tsc 命令编译的时候 报错如下我是还少了什么东西吗？tsconfit.json 文件里的内容 如下：{ "compilerOptions": { "target" : "es5", "module": "commonjs", "noImplicitAny": true, "removeComments": true, "preserveConstEnums": tr...
2024-01-10
优雅的在vue中使用TypeScript
引言近几年前端对 TypeScript 的呼声越来越高，Typescript 也成为了前端必备的技能。TypeScript 是 JS 类型的超集，并支持了泛型、类型、命名空间、枚举等特性，弥补了 JS 在大型应用开发中的不足。在单独学习 TypeScript 时，你会感觉很多概念还是比较好理解的，但是和一些框架结合使用的话坑还是比较多...
2024-01-10TypeScript学习之强制类型的转换
前言使用强类型变量常常需要从一种类型向另一种类型转换,通常使用ToString或ParseInt可以来实现一些简单的转换,但是有时候需要像.NET语言中那样将一种类型显示的转换为另一种类型,在TypeScript规范中,被称为"类型断言",它仍然是类型转换,只是语法是有些不同。下面来详细看看TypeScript的强制类型转换。T...
2024-01-10
【TS】【前端】TypeScript相知
什么是TypeScript TypeScript 是微软开发一款开源的编程语言，本质上是向 JavaScript 增加静态类型系统。它是 JavaScript 的超集，所有现有的 JavaScript 都可以不加改变就在其中使用。它是为大型软件开发而设计的，它最终编译产生 JavaScript，所以可以运行在浏览器、Node.js 等等的运行时环境。为什么要用Ty...
2024-01-10
使用Typescript开发微信小程序的步骤详解
Typescript的优势咱不需要赘述太多，有兴趣可以参考（https://www.typescriptlang.org/）。今天给大家分享一下如何在微信小程序（或者其他同类小程序）开发中使用Typescript。这个分两种情况，最简单的做法就是在创建项目时，选择Typescript这个选项，如下图所示。但要注意，这个选项只有在选择"Use no cloud servi...
2024-01-10
