ts结构赋值时指定类型
发表于|更新于
|浏览量:
“枕头里藏满了发了霉的梦,梦里住满了无法拥有的人。”——网易云评论
我们在typescript中使用变量结构时如果需要指定类型,可以这样写:
1 | const { a, b, c }: { a: any; b: string; c: { cname: any; cid: any; } } = obj; |
但一般还是定义接口
1 | interface IObj { |
对于箭头函数也是同理
1 | array.map(({ a, b, c }: IObj)=>{}) |
如果我们接口中某个属性可以为null或其他属性,我们可以使用|
1 | interface IObj { |
甚至如果该属性是可选的,我们可以使用?
1 | interface IObj { |
相关推荐
2025-02-05
vue-vben-admin
你与别人花费一样的时间,因为别人用心,而你吊儿郎当,所以到了最后检验成果的时候,别人成功,而你除了赔了时间之后,一无所得。——飞行员舒克 https://github.com/vbenjs/vue-vben-adminhttps://www.vben.pro/ 在开发后台管理系统时,Vue Vben Admin 是一个让我印象深刻的项目。它基于 Vue 3、Vite 和 TypeScript,为开发者提供了一个功能丰富的中后台模板,开箱即用。通过结合现代前端技术栈,Vben Admin 在性能优化、开发体验和灵活性上都表现得非常出色。 项目特点 最新技术栈:使用 Vue 3 和 Vite 进行开发,支持热更新和快速构建,极大提升了开发效率。 TypeScript 支持:代码类型安全、自动补全,降低了代码维护成本。 主题系统:支持多套预定义主题,用户还可以自定义主题色彩,打造符合品牌风格的界面。 国际化(i18n):内置国际化方案,支持多语言切换,方便面向全球用户的项目开发。 权限管理:提供动态路由和权限控制方案,可以根据用户角色灵活配置不同的页面和功能访问权限。 这些特点...
2026-01-23
tambo
从不浪费时间的人,没有工夫抱怨时间不够。——杰弗逊 Tambo AI:让 React 界面“根据对话自动长出来”的 Generative UI SDK如果你的用户不该学会使用你的应用,而是应用该学会理解用户,那么 Tambo 的理念会让你眼前一亮。Tambo 是一套专为 React 打造的“Generative UI” SDK:你注册可用的组件,AI 会在自然语言对话中决定渲染哪些组件、以什么参数渲染。对新手和高手呈现出不同的界面,对“我想要的就是那张按地区分组的上季度销售图”这类自然指令,自动生成正确的交互与视图。 仓库:tambo-ai/tambo 官网与文档:tambo.co · docs.tambo.co 包:@tambo-ai/react 许可:MIT(部分工作空间为 Apache-2.0,见各自 LICENSE/NOTICE) 它是什么 一套针对 React 的生成式界面 SDK 让你“注册”组件及其 props schema,然后由 AI 决定何时以及如何渲染 支持一次性渲染的“生成式组件”和可持续交互更新的“可交互组件” 通...
2025-05-18
vue2-editor
一寸光阴一寸金,寸金难买寸光阴。——《增广贤文》 https://github.com/davidroyer/vue2-editor Vue2Editor:基于 Vue.js 和 Quill 的轻量级文本编辑器在现代 Web 开发中,富文本编辑器是许多应用(如博客、评论系统和内容管理系统)中的关键组件。Vue2Editor 是一个基于 Vue.js 和 Quill 的开源富文本编辑器,提供了简洁易用的接口和强大的功能,适合 Vue 2.x 项目的开发者。 什么是 Vue2Editor?Vue2Editor 是一个使用 Vue.js 和 Quill 构建的富文本编辑器,旨在为开发者提供一个轻量级、功能全面且易于集成的文本编辑解决方案。它基于 Quill.js 的强大功能,同时简化了在 Vue 项目中的集成过程。 核心特点: 基于 Vue 2.x:专为 Vue 2.x 项目设计。 强大的 Quill.js 支持:继承了 Quill.js 的所有功能,包括格式化、工具栏自定义和扩展支持。 易于集成:通过简单的 Vue 组件即可快速集成到项目中。 MIT 许可证:完全开源且免费。 ...
2024-06-03
js中classList的toggle
当你身处逆境时不邀自来的人,才是真正的朋友。——奇奥佛垃斯塔 在 HTML 中实现白天和夜晚主题切换在现代网页设计中,为用户提供不同的主题(如白天和夜晚模式)是一种常见且友好的用户体验优化方式。通过使用 JavaScript 和 CSS,我们可以轻松地实现这一功能。本文将详细讲解如何使用简单的 HTML、CSS 和 JavaScript 实现一个白天和夜晚主题切换功能。 实现步骤 基本 HTML 结构:首先,我们需要创建一个基本的 HTML 结构,包括一个按钮用于切换主题。 CSS 样式:接下来,我们定义白天和夜晚模式的样式。默认情况下,页面为白天模式。 JavaScript 功能:最后,通过 JavaScript 实现点击按钮切换主题的功能。 代码示例以下是完整的代码示例: 123456789101112131415161718192021222324252627<!DOCTYPE html><html><head> <title>Day-Night Toggle</title> <sty...
2024-05-12
zui
读书须求大义,不可缠绕于琐碎传注之间。——贺钦 分享一个禅道开源的 UI 库 ZUI https://github.com/easysoft/zui 官方文档: https://openzui.com/ ZUI 3 是一个全新的开源 UI 组件库,提供了丰富的实用组件,并提供自由的定制使用方式,不依赖任何 JavaScript 框架,可以在任何 Web 应用中通过原生的方式使用。 访问 ZUI 3 | ZUI 3 来提前预览组件库。 👉 如果你需要访问 ZUI 1,请访问 https://openzui.com/ ,ZUI 1 源码已经转移到 zui1 分支。 特性 🌸 丰富的 CSS 工具类:基于 Tailwind CSS 提供了丰富的 CSS 工具类,包括特别的语义化外观类名; 💠 强大的 JS 组件:基于 Preact 提供了大量 JavaScript 组件,每个组件提供了大量实用的功能选项; 💖 友好现代的界面:提供了经过精心设计的界面风格,所有组件交互经过反复优化和验证以提供最佳方式; 🌗 主题和深色模式:基于 CSS 变量的主题模式,快速生成主题,内置...
2022-07-15
vuera
微微怪时间不能保存情绪,保存那一切情绪所曾流连的境界。——《你是人间的四月天》 分享一个开源项目:https://github.com/akxcv/vuera 它可以让你在vue里写react,在react里写vue Use Vue components in your React app: 1234567import React from 'react'import MyVueComponent from './MyVueComponent.vue'export default props => <div> <MyVueComponent message={props.message} handleReset={props.handleReset} /> </div> Or use React components in your Vue app: 1234567891011121314<template> <div&g...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog