当前位置: 首页 > news >正文

【TypeScript】知识点梳理(一)

#国庆快乐!来点干货~ #

#项目中团队总结生产问题,40%是类型相关问题,可见TS的重要性与向好趋势#

TS是JS的超集

类型

Number、String、Boolean

首字母大小写,类型有区别,譬如:

string是基元(原始类型)

let str = 'hello'

String是包装对象

let str = new String('world')

String对内存不友好,建议用string

string

number

boolean

null

undefined

bigint

symbol

object

        object

        存储 非原始类型

        快捷记忆:以上js原始类型不可存

        Object

        存储 可调用Object方法的类型

        快捷记忆:除null、undefined外的

any

可以赋值给任意类型,但应该避免使用,可当成一种逃生方式

let a: any
let b: string
a = false
b = a
console.log(b) // false

unknown

未知类型,但不能直接分配而破坏其他类型,可以先判断或者使用断言

// 断言
let a: unknown
a = 'hello'let b: string// 方式一
b = a as string// 方式二
b = <string>a

never

不会有值

void

空,undefined

tuple

元组,可精确描述的数组

1.数组类型

2.固定数量,?表示可选

3.每个元素类型已知

let arr1: [string, number]
let arr2: [string, number?]
let arr3: [string, ...number[]] // string后紧跟0个及以上数量的数值

enum

定义一组命名常量

        数字枚举

        成员值是数值,会自动递增,且可反向映射

enum Direction {Up, // 0Down,Left,Right
}// Direction[0]
// Direction.Up 更建议,清晰function walk(dir: Direction) {}walk(Direction.Up)

        字符串枚举

        成员值是字符串,无反向映射

enum Direction {Up: 'up',Down: 'down',Left: 'left',Right: 'right'
}// Direction.Up 只能这么写function walk(dir: Direction) {}walk(Direction.Up)

        常量枚举

        使用const定义,编译时内联,减少生成js代码量

const enum Direction {Up,Down,Left,Right
}

type

为任意类型创建别名

type Status = number | string;
type Gender = '男' | '女';
type Classroom = {grade: numberno: number
}
type Human = {name: stringgender: Gender
}
type Student = Human & Classroomconst stu: Student = {name: '小明',gender: '男',grade: 2,no: 3,
} 

操作

1.npm i -g typescript

2.编写一个ts文件

3.tsc 文件

4.node 文件

相关文章:

【TypeScript】知识点梳理(一)

#国庆快乐&#xff01;来点干货~ # #项目中团队总结生产问题&#xff0c;40%是类型相关问题&#xff0c;可见TS的重要性与向好趋势# TS是JS的超集 类型 Number、String、Boolean 首字母大小写&#xff0c;类型有区别&#xff0c;譬如&#xff1a; string是基元&#xff08;原始…...

DMA方式在执行中断处理程序时不中断现行程序吗

DMA方式在执行中断处理程序时会中断现行程序&#xff0c;但DMA数据传输过程本身不中断现行程序。以下是对DMA方式及其中断处理程序的详细解释&#xff1a; DMA方式的基本特点 DMA&#xff08;Direct Memory Access&#xff0c;直接存储器存取&#xff09;方式是一种由硬件直接…...

Redis:string类型

Redis&#xff1a;string类型 string命令设置与读取SETGETMSETMGET 数字操作INCRINCRBYDECRDECRBYINCRBYFLOAT 字符串操作APPENDSTRLENGETRANGESETRANGE 内部编码intembstrraw 在Redis中&#xff0c;字符串string存储的是二进制&#xff0c;以byte为单位&#xff0c;输入的二进…...

【C++ STL】手撕vector,深入理解vector的底层

vector的模拟实现 前言一.默认成员函数1.1常用的构造函数1.1.1默认构造函数1.1.2 n个 val值的构造函数1.1.3 迭代器区间构造1.1.4 initializer_list 的构造 1.2析构函数1.3拷贝构造函数1.4赋值运算符重载 二.元素的插入,删除,查找操作2.1 operator[]重载函数2.2 push_back函数:…...

【Android】CarWatchDog I/O监控服务

Android Car WatchDog I/O监控服务 背景&#xff1a; 某基于Android 13的车载系统。 某天长时间测试一款3方&#xff08;非SystemApp&#xff09;时&#xff0c;该款应用偶发闪退现象。 通过日志分析&#xff0c;发现应用被系统的 Car WatchDog&#xff08;喂狗服务&#xff…...

如何使用 Django 框架进行用户认证的详细指南,涵盖用户注册和登录功能的实现。

当然!下面是关于如何使用 Django 框架进行用户认证的详细指南,涵盖用户注册和登录功能的实现。 掌握 Django 用户认证的艺术 Django 是一个强大的 Python Web 框架,以其灵活性和高效性著称。无论你是新手还是经验丰富的开发者,理解和实现用户认证都是 Web 开发中的一项核心…...

C++ 语言特性21 - 别名模板

一&#xff1a;概述 别名模板是 C11 引入的&#xff0c;用于为一个模板类型定义别名&#xff0c;从而简化复杂的模板类型定义。它结合了 using 关键字&#xff0c;可以对模板类型进行重新命名&#xff0c;使代码更加简洁和可读。 1. 作用 定义模板类型的别名。简化复杂的模板类…...

Jenkins pipeline配置示例

前提条件&#xff1a;已经安装Jenkins并能正常启动 如果Jenkins安装启动遇到问题可以参考&#xff1a; 1.创建pipeline 点击新建项目&#xff1a; 输入名称&#xff0c;选择pipeline&#xff1a; 进入配置页面&#xff0c;如果要配置GitHub Webhook要勾选&#xff1a;<fo…...

Navicat for MySQL 常见问题

一、 创建连接失败问题 创建连接后&#xff0c;报错&#xff1a;1251 -Client does not support authentication protocal by server;consider upgrading MySQL client 原因&#xff1a;环境冲突 解决办法 &#xff1a; windowsR 打开 services.msc 找S开头&#xff1a;SQ…...

Windows:win11旗舰版连接无线显示器,连接失败

摘要&#xff1a;win11系统通过 miracast 无线连接到长虹电视的时候&#xff0c;一直连接不上。查看电脑又是支持 miracast 协议&#xff0c;后续发现关闭防火墙即可正常连接。 一、问题现状 最近公司里新换了电视&#xff0c;打算把笔记本电脑投屏到电视上。由于 HDMI 插拔不…...

Android2024.2.1升级错误

提示 Gradle 版本不兼容&#xff0c;升级后就报错了 。 1.gradle安装包镜像 distributionBaseGRADLE_USER_HOME distributionPathwrapper/dists //distributionUrlhttps\://services.gradle.org/distributions/gradle-8.5-bin.zip distributionUrlhttps://mirrors.cloud.tencen…...

【PHP陪玩系统源码】游戏陪玩系统app,陪玩小程序优势

陪玩系统开发运营级别陪玩成品搭建 支持二开源码交付&#xff0c;游戏开黑陪玩系统: 多客陪玩系统&#xff0c;游戏开黑陪玩&#xff0c;线下搭子&#xff0c;开黑陪玩系统 前端uniapp后端php&#xff0c;数据库MySQL 1、长时间的陪玩APP源码开发经验&#xff0c;始终坚持从客户…...

Arduino UNO R3自学笔记20 之 Arduino如何测定电机速度?

注意&#xff1a;学习和写作过程中&#xff0c;部分资料搜集于互联网&#xff0c;如有侵权请联系删除。 前言&#xff1a;在学习了Arduino的相关基础知识后&#xff0c;现在做个综合应用&#xff0c;给旋转的电机测速。 1.实验目的 测定旋转电机的转速。 2.实验器材-编码器 …...

ChatGPT全新功能Canvas上线:开启智能编程与写作新篇章

引言 随着人工智能技术的迅猛发展&#xff0c;OpenAI旗下的明星产品ChatGPT不断推出创新功能&#xff0c;以满足用户在各个领域的需求。2024年10月3日&#xff0c;OpenAI正式宣布了ChatGPT的全新功能——Canvas。这一功能基于先进的GPT-4o模型开发&#xff0c;为用户提供了一个…...

南沙C++信奥赛陈老师解一本通题 2005:【20CSPJ普及组】直播获奖

【题目描述】 NOI2130 即将举行。为了增加观赏性&#xff0c;CCF 决定逐一评出每个选手的成绩&#xff0c;并直播即时的获奖分数线。本次竞赛的获奖率为 w%w%&#xff0c;即当前排名前 w%w% 的选手的最低成绩就是即时的分数线。 更具体地&#xff0c;若当前已评出了 pp 个选手的…...

Llama 3.2 视觉能力评估

Meta 发布了 Llama 3 模型的新版本&#xff1b;这次&#xff0c;有四种模型用于不同的目的&#xff1a;两个多模态模型&#xff0c;Llama 3.2 11B 和 90B&#xff0c;以及两个用于边缘设备的小型语言模型&#xff0c;1B 和 3B。 这些是 Meta AI 的首批多模态模型&#xff0c;基…...

前端性能优化 面试如何完美回答

前言 性能优化是目前在面试中被问到非常多的问题&#xff0c;主要就是通过各种算和技术来提高页和应用的速度和用户体前端性能优化的问题并不好回答 在回答的时候干万不要掉进一个误区&#xff0c;认为性能优化只是几个技术点而已&#xff0c;事实上性能优化涉及到的是多方面的…...

程序猿成长之路之设计模式篇——设计模式简介

无论是对于代码质量还是代码可维护性、可扩展性&#xff0c;使用合适的设计模式都能够起到促进提升的作用&#xff0c;此外在软考的软件工程师、系统架构师职称考试中&#xff0c;设计模式也是必考的一块内容&#xff0c;因此我打算开拓一个新的专栏简单介绍一下设计模式&#…...

基于Node2Vec的图嵌入实现过程

目录 一、引言二、Node2Vec&#xff08;原理&#xff09;2.1 随机游走&#xff08;Random Walk&#xff09;2.2 嵌入学习2.3 Node2Vec 的优势 三、使用 Node2Vec 进行图嵌入&#xff08;实践&#xff09;3.1 读取和转换 JSON 文件为 Graph 对象3.2 训练 Node2Vec 模型3.3 二维嵌…...

国庆刷题(day4)

C语言&#xff1a; C&#xff1a;...

Perplexity视频查询效率提升300%的5个硬核参数配置,附可复用的CLI+Browser自动化脚本

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;Perplexity视频教程查询的性能瓶颈与优化价值 Perplexity 在处理视频教程类查询时&#xff0c;常面临语义理解深度不足、多模态信息对齐延迟及缓存命中率偏低三重性能瓶颈。当用户输入如“如何用 PyTorch 实现…...

Node.js 服务端应用接入 Taotoken 实现异步对话补全的完整步骤

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 Node.js 服务端应用接入 Taotoken 实现异步对话补全的完整步骤 在 Node.js 服务端应用中集成大模型能力&#xff0c;通常需要处理密…...

VS Code 迎来史诗级更新:全新 Agents 窗口发布

VS Code 在前几年古法编程时代&#xff0c;那就是 IDE 的王者。随着 AI Coding 的不断进步。虽然 VS Code 依托 github copilot 早早的就集成了 AI Coding 的能力。但是由于 VSCode 本身是一个 IDE &#xff0c;它的核心能力还是文本编辑器。但是在 Claude&#xff0c; xcode 等…...

SpringBoot开发秘籍【个人八股】

介绍一下 SpringBoot&#xff1f; Spring Boot极大地简化了 Spring 应用的开发和部署过程。 以前我们用 Spring 开发项目的时候&#xff0c;需要配置一大堆 XML 文件&#xff0c;包括 Bean 的定义、数据源配置、事务配置等等&#xff0c;非常繁琐。而且还要手动管理各种 jar 包…...

二维码识读设备选购全攻略:从核心需求到实战测试

1. 项目概述&#xff1a;为什么选对二维码识读设备这么重要&#xff1f;你可能觉得&#xff0c;不就是扫个码吗&#xff1f;手机摄像头都能搞定&#xff0c;专门的设备能有多大区别&#xff1f;我刚开始接触这个领域时也是这么想的&#xff0c;直到自己踩过几次坑&#xff0c;才…...

为什么你的Perplexity薪资查询总返回403?3类Token权限陷阱+2种合法绕行路径(含Postman配置模板)

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;为什么你的Perplexity薪资查询总返回403&#xff1f;3类Token权限陷阱2种合法绕行路径&#xff08;含Postman配置模板&#xff09; 当你调用 Perplexity 提供的薪资数据 API&#xff08;如 /v1/salari…...

【算法】小白也能懂 · 第 11 节:动态规划入门

在前面 10 节中,我们学了递归、二叉树、图的 BFS/DFS 等基础数据结构与算法。今天,我们来认识一个让无数初学者又爱又恨的概念——动态规划(Dynamic Programming,简称 DP)。别怕,跟着节奏走,你会发现它其实没那么神秘。 1. 什么是动态规划 简单来说,动态规划的核心思…...

XCOM2模组管理器终极指南:如何用AML替代原生启动器

XCOM2模组管理器终极指南&#xff1a;如何用AML替代原生启动器 【免费下载链接】xcom2-launcher The Alternative Mod Launcher (AML) is a replacement for the default game launchers from XCOM 2 and XCOM Chimera Squad. 项目地址: https://gitcode.com/gh_mirrors/xc/x…...

Orange Pi 3B深度评测:RK3566创客板在边缘AI与家庭服务器中的应用实战

1. 项目概述&#xff1a;一块“搅局”的创客板最近&#xff0c;Orange Pi 3B的发布在创客圈和嵌入式开发者社区里激起了一阵不小的波澜。官方打出的“创客价”这个标签&#xff0c;更是精准地戳中了许多硬件爱好者和项目开发者的心。简单来说&#xff0c;Orange Pi 3B是一款基于…...

抗IL-3R-α阻断抗体处理的肿瘤来源内皮细胞外泌体(EVs)的抗血管生成效应:对Wnt/β-catenin通路的洞察

引言血管生成&#xff0c;即从已有血管中形成新血管的过程&#xff0c;是肿瘤生长和转移的关键过程。肿瘤微环境中的促血管生成因子在促进这一过程中起着关键作用。在这些因子中&#xff0c;具有促血管生成特性的细胞因子白细胞介素-3&#xff08;IL-3&#xff09;由乳腺癌和卵…...