跟我一起学习 Typescript(第 1 部分)

让我们快速回顾typescript的基础知识,相信大家对这些内容已有一定了解。

基本类型

TypeScript 提供了常用的基本类型:

字符串数字布尔值any (任意类型)

以下是一些示例:

const name: string = 'danish'; // 字符串let a: number = 23;let b: string = 'somestring';let e: boolean = false;

跟我一起学习 Typescript(第 1 部分)

跟我一起学习 Typescript(第 1 部分)

TypeScript 的类型系统会在您使用这些变量时进行类型检查。例如,尝试将 ab 进行乘除运算,或者将 a 赋值为字符串 “danish”,都会导致编译错误

联合类型

联合类型允许一个变量同时拥有多种类型。例如,一个变量可以是字符串或数字,布尔值或数字等等。

let employeeId: string | number;let isSuccess: number | boolean;

跟我一起学习 Typescript(第 1 部分)

employeeId 可以是字符串或数字,但如果尝试赋值为布尔值,TypeScript 会报错。

类型推断

TypeScript 可以根据您赋给变量的值自动推断其类型。例如,如果 isLoading 初始值为 false,TypeScript 会推断其类型为布尔值。之后尝试将 isLoading 赋值为 “ok”,TypeScript 将报错。

跟我一起学习 Typescript(第 1 部分)

对于不确定类型的第三方库,您可以使用 IDE 的代码提示功能查看其类型信息。

本篇回顾了TypeScript 的基础类型、联合类型和类型推断。下一篇文章将深入探讨对象、元组、数组、可选属性、类型缩小和枚举。

作者:Danish Ali

以上就是跟我一起学习 Typescript(第 1 部分)的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1500206.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 22:23:30
下一篇 2025年12月19日 22:23:37

相关推荐

  • QIKS简介

    作为开发者,我始终致力于打造兼具简洁性和灵活性的实用工具。近期,我潜心开发了一系列工具,涵盖多个开发领域,例如轻量级框架gland(受express启发)和高效日志库md-logger。此外,我还参与了tideityiq (tdq) 等项目,不断探索提升开发效率和性能的新途径。 经过数月的缓存技术研…

    2025年12月19日
    000
  • 使用 JS 管理国家和货币

    处理全球化的项目时,管理国家和货币列表及其格式化方式可能很复杂。 country-currency-utils npm 包应运而生,它以 TypeScript 编写,旨在简化这个过程,无论是在前端还是后端。该包避免在代码库中直接包含庞大的国家/地区和货币数据,而是通过 CDN 获取这些数据,从而保持…

    2025年12月19日
    000
  • 使用reactify-django CLI将React无缝集成到Django中

    将React集成到Django项目中,能显著提升开发效率,充分发挥React动态客户端功能和Django服务器端渲染及安全性的优势。Reactify-django CLI工具简化了这一集成过程,让您可以轻松构建兼具强大后端和高度交互式UI的应用。此外,它还支持TypeScript和Tailwind …

    2025年12月19日
    000
  • 探索 Mina 协议:zk 应用程序的实际用例

    zkapps(零知识应用)是由零知识证明支持的 mina 协议智能合约,特别是 zk-snarks [零知识简洁非交互式知识论证]。zkapps 取代了 snapps [智能非交互式知识论证]应用]。 zkapp 智能合约是使用 o1js(typescript 库)编写的。 zkapps 在用户的 …

    2025年12月19日 好文分享
    000
  • 释放 TypeScript 的力量:现代 Web 开发的关键概念

    引言 TypeScript 现已成为现代 Web 开发的基石,它巧妙地融合了 JavaScript 的灵活性与静态类型语言的可靠性。其强大的特性(例如接口、泛型和类型推断)使开发者能够编写更清晰、更易维护的代码,同时有效避免常见的运行时错误。本文将深入探讨 TypeScript 的核心概念,并阐述它…

    2025年12月19日
    000
  • Playwright:Web UI 自动化测试框架全面概述

    playwright是微软开发的web ui自动化测试框架。 它旨在提供一个跨平台、跨语言、跨浏览器的自动化测试框架,同时也支持移动浏览器。 如其官方主页所述: 自动等待、页面元素智能断言、执行追踪等功能,在处理网页不稳定方面非常有效。它在与运行测试的进程不同的进程中控制浏览器,消除了进程内测试运行…

    2025年12月19日
    000
  • 测试开发

    astro 博客模板安装与 dev.to 集成指南 本文将指导您安装 Astro 博客模板,并使用 Astro 5 的内容层 API 将 Dev.to 文章集成到您的网站中。 第一步:安装 Astro 博客模板 使用 npm 命令安装最新版本的 Astro 并使用博客模板: npm create a…

    2025年12月19日
    000
  • 改善项目中的耦合

    本文探讨如何改进项目数据类型的连接方式,提升代码可靠性和可读性。核心思想是避免重复引用同一数据类型的不同名称,并使用更具描述性的名称。 核心问题: 在开发过程中,我们经常会以多种方式引用相同的数据,例如产品ID。这可能导致代码难以维护,特别是当需要修改数据类型时。 例如,产品ID从简单的字符串变为更…

    2025年12月19日
    000
  • Redux 工具包:创建 Thunk 函数

    什么是 thunk? 在编程中,thunk 一词指的是执行延迟工作的代码部分,例如 javascript 中的异步函数。 redux 存储本身不处理异步逻辑。它只知道如何: 同步调度动作。通过减速器更新状态。通知 ui 有关状态更改的信息。 但是等等,如果是这样的话,我们如何调用 api 并根据它们…

    好文分享 2025年12月19日
    000
  • 如何在 5 年内成为一名 Javascript 开发人员

    在 2025 年成为一名 javascript 开发人员需要掌握该语言、跟上不断发展的趋势以及构建现实世界的经验。这是分步指南: 第 1 步:学习基础知识了解编程基础知识:从变量、数据类型、循环、函数和数组等核心概念开始。学习 JavaScript 基础知识:专注于 ES6 功能(例如箭头函数、模板…

    好文分享 2025年12月19日
    000
  • LightUp 简介:人工智能驱动的网络注释

    在当今的数字世界中,我们不断受到信息的轰炸。无论是阅读文章、分析报告还是研究新主题,在选项卡之间跳转以收集背景信息或见解都会扰乱我们的流程和生产力。这就是 lightup 的用武之地:一款人工智能驱动的浏览器扩展程序,旨在帮助您保持专注、获得即时深度并直接在您正在查看的页面上扩展您的理解。 问题 您…

    2025年12月19日
    000
  • 代码检查

    今天是美好的一天,因为我开始将 ESLint 集成到我们的代码库中!我是一只有趣的码猴。我喜欢良好的编码实践,例如 linting、用户/技术/产品文档、测试、可访问性和安全性。这些主题通常优先于交付工作代码,因为代码可以在没有我列出的任何编程热情的情况下工作。但是,如果实现了所有这些实践,代码将很…

    2025年12月19日
    000
  • Cypress 性能插件“cypress-performance”:自动化 Web 性能测试指南

    cypress performance 插件:在 cypress 测试中轻松测量 web 性能 这是一篇关于我新开发的 Cypress 插件 cypress-performance 的文章,旨在帮助开发者在 Cypress 测试中直接测量和断言 Web 性能指标。 由于现有工具的局限性,我开发了这个…

    2025年12月19日
    000
  • 在 Playwright HTML 报告中显示元数据:完整指南

    playwright 测试框架的 html 报告功能强大,但对于大型项目而言,其简洁性可能显得不足。 本文将深入探讨如何为 playwright html 报告添加元数据,例如提交信息、作者信息和 ci 构建链接,从而提升报告的可读性和信息量。 Playwright 元数据配置的真相 Playwri…

    2025年12月19日
    000
  • Angular 中的全局错误处理

    在 Angular 17 中,优雅地处理服务订阅期间的错误并更新 UI 状态(例如加载指示器),可以使用 RxJS 的 catchError 运算符和可观察对象的 subscribe 方法。 以下步骤详细说明了如何实现: 方法: 加载指示器: 在发起服务调用前,设置一个布尔变量 isLoading …

    2025年12月19日
    000
  • npm 上的 Fastly CLI:现在 JavaScript 触手可及

    Fastly CLI 是 Fastly 官方推荐的命令行工具,用于与 Fastly API 交互。它是一个开源工具,开发者常在持续集成环境中使用,执行各种操作,例如创建服务、管理后端和域名,以及部署 Compute@Edge 包。对于使用 JavaScript 开发 Fastly Compute 的…

    2025年12月19日
    000
  • 掌握 Redux 工具包:简化 React 应用程序中的状态管理

    Redux Toolkit:精简 React 状态管理 Redux Toolkit (RTK) 是 Redux 官方提供的工具库,旨在简化 Redux 在 React 应用中的配置和使用。Redux 功能强大,但其样板代码较多,RTK 通过提供一系列实用函数,有效降低了 Redux 开发的复杂度和门…

    2025年12月19日
    000
  • 无服务器数据库:为什么 Turso 正在改变游戏规则

    现代应用开发对数据管理提出了更高的要求。因此,由Turso等技术引领的无服务器数据库革命应运而生。 什么是无服务器数据库? 无服务器数据库是一种自动管理型服务,涵盖数据存储的底层基础设施。开发者无需关注服务器配置和管理,只需专注于应用构建。其优势在于可扩展性、经济高效(按需付费)和开箱即用的高可用性…

    2025年12月19日
    000
  • 在 Typescript 中注释函数

    深入探索typescript函数类型注解:从基础到高级泛型 本文将深入探讨TypeScript中函数类型注解的各种技巧,从基础的函数注解到处理回调函数、泛型函数以及函数接口,并辅以示例代码,帮助您构建更健壮、更易维护的TypeScript代码。 基础函数注解 在TypeScript中,注释函数最基本…

    2025年12月19日
    000
  • Zustand:简单、快速且可扩展的 React 状态管理

    Zustand:精简、高效的 React 状态管理方案 Zustand 是一款轻量级、高效且可扩展的 React 状态管理库。它提供了一种简洁、无冗余的解决方案,专注于性能和可扩展性。Zustand 的核心机制是创建用于管理状态的存储,并提供便捷的钩子函数来访问和更新状态。 库名 “Zu…

    2025年12月19日
    000

发表回复

登录后才能评论
关注微信