- 综合排序
- 最热优先
- 最新优先
- 来自专栏LawD的技术专栏
TypeScript 原始数据类型
数据类型 概述 类型声明是 TS 非常重要的一个特点 通过类型声明可以指定 TS 中变量（参数、形参）的类型 指定类型后，当为变量赋值时，TS 编译器会自动检查值是否符合类型声明，符合则赋值，否则报错 简而言之，类型声明给变量设置了类型，使得变量只能存储某种类型的值 Snipaste_2021-05-18_14-09-22.jpg TypeScript 中的数据类型分为两大类 原始数据类型（基本数据类型 ） 对象类型（复杂数据类型） 常用的基本数据类型：number / string / boolean / undefined / null 自动类型判断 TS 拥有自动的类型判断机制 当对变量的声明和赋值时同时进行的 ，分别是 Symbol 和 BigInt 原始数据类型 数字类型 使用关键字number定义数字类型 let decimal: number = 6.1; // 小数 let hex: number 布尔类型 使用关键字boolean定义布尔类型 let isDone: boolean = false; 注：非严格模式下 number、string、boolean 值都可以为空 Void类型 在 TypeScript
1.1K50发布于 2021-05-18 - 来自专栏zayyo前端
了解 TypeScript 原始类型：探索显式和隐式类型
在TypeScript中，变量可以明确或隐式地定义类型，并且该语言支持各种原始类型。让我们深入了解每种原始类型，探索示例，并了解显式和隐式类型之间的区别。 TypeScript中的原始类型Number（数字）:number类型代表整数和浮点数。 let data: null = null;let info: undefined = undefined;Object（对象）:object类型是一个广泛的类别，包括非原始值。 隐式类型推断：隐式类型推断，也称为类型推断，允许TypeScript根据分配的值推断类型。 结论了解TypeScript中的原始类型以及何时使用显式或隐式类型对于编写健壮且易于维护的代码至关重要。显式类型声明提供清晰度并在早期捕获错误，而隐式类型推断则促进了简洁的代码。
64410编辑于 2023-11-30 - 来自专栏网络技术联盟站
TypeScript 中的基础类型：原始类型、对象类型、数组类型、元组类型、枚举类型和联合类型
TypeScript 是一种由微软开发的静态类型编程语言，它是 JavaScript 的超集，并且可以在编译时进行类型检查。 TypeScript 强大的类型系统使得开发者能够更轻松地编写可维护、可扩展的代码。本文将详细介绍 TypeScript 中的基础类型，包括原始类型、对象类型、数组类型、元组类型、枚举类型和联合类型。 原始类型在 TypeScript 中，有以下几种原始类型：数字类型数字类型用于表示整数或浮点数。可以使用 number 关键字来声明数字变量。 类型推断和类型断言TypeScript 具有强大的类型推断能力，它可以根据上下文自动推断变量的类型。例如，如果我们在定义变量时直接赋值，TypeScript 可以推断出变量的类型。 总结本文详细介绍了 TypeScript 的基础类型，包括原始类型、对象类型、数组类型、元组类型、枚举类型和联合类型等方面。
3.6K30编辑于 2023-07-06 - 来自专栏全栈开发工程师
【TypeScript】003-原始数据类型 与 任意值
二、基础 1、原始数据类型 JavaScript 的类型分为两种：原始数据类型（Primitive data types）和对象类型（Object types）。 原始数据类型包括：布尔值、数值、字符串、null、undefined 以及 ES6 中的新类型 Symbol 和 ES10 中的新类型 BigInt。 本节主要介绍前五种原始数据类型在 TypeScript 中的应用。 在 TypeScript 中，boolean 是 JavaScript 中的基本类型，而 Boolean 是 JavaScript 中的构造函数。 unusable: void = undefined; Null 和 Undefined 在 TypeScript 中，可以使用 null 和 undefined 来定义这两个原始数据类型： let
40400编辑于 2025-01-06 - 来自专栏前端小菜鸡yym
红宝书 📒 5.3 基本引用类型-原始包装类型
每当用到某个原始值的方法或属性时，后台都会创建一个相应原始包装类型的对象。 思考 3 原始包装类的typeof会是什么？ 其实这个问题多余问，都是引用类型了。执行typeof 一定是object类型。 Boolean(string) //true 因为Object构造函数作为一个工厂方法，可以根据传入的类型返回相应的原始包装类型(下面是用instanceof 检测具体的引用类型，因为typeof对于引用类型的检测都是 let obj = new Number("24") typeof obj //object 5.3.1 Boolean 重写了valueOf()，返回原始数据类型。 toLocalString():返回字符串 其他方法 之所以原始类型能使用方法，是因为原始包装类型 toFixed() 返回指定小数点位数的数值字符串 let num = 10 console.log(
52910编辑于 2023-01-12 - 来自专栏前端学习教程
【TypeScript】类型推断
当我们在TypeScript中声明变量但没有明确指定其类型时，TypeScript会尝试根据变量的值进行类型推断。这样可以帮助我们避免手动指定所有类型，使代码更简洁，同时也提供了更好的类型安全性。 TypeScript 推断 y 为 string 类型let z = true; // TypeScript 推断 z 为 boolean 类型在这个例子中，我们没有显式地给变量x、y和z指定类型，TypeScript "]; // TypeScript 推断 names 为 string[] 类型TypeScript会检查数组中所有元素的类型，并根据元素类型推断出数组的类型。 } 类型TypeScript会根据对象字面量中的键值对进行类型推断。 TypeScript会根据传入的john对象推断参数类型。
1.1K00编辑于 2023-11-03 - 来自专栏前端学习教程
【TypeScript】类型声明
当我们使用TypeScript编写代码时，类型声明是非常重要的，它帮助我们定义变量、函数、类等的类型，从而提供更好的代码提示、类型检查和代码可读性。 以下是关于TypeScript类型声明的详细内容：基本类型声明在TypeScript中，我们可以使用以下关键字来声明基本类型：let num: number = 42;let str: string = （Type Assertion）类型断言允许我们手动指定变量的类型，并告诉TypeScript编译器我们知道更多关于变量的类型信息。 : number; readonly id: number;}以上是关于TypeScript类型声明的一些重要内容。通过合理使用类型声明，我们可以增强代码的可读性、类型安全性和可维护性。 类型声明是TypeScript的核心特性之一，可以帮助我们构建更健壮的代码和应用程序。我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！
89620编辑于 2023-11-06 - 来自专栏coldPlayer的前端专栏
TypeScript类型守卫
类型守卫在前几篇介绍了断言，在使用断言时我们已经确定了变量的类型，确定该类型时一定存在（否则则会欺骗编译，运行时报错），那么为什么还要类型守卫呢？ 因为类型断言还是需要借助类型守卫的，类型守卫主要是用来判断未知类型是不是所需要的类型。 instanceof不能检测原始值类型的值，但是原始值对应的对象格式实例则可以检测。具体instanceof是怎么做类型守卫的呢?写法：a instanceof b，a是参数，b是一般都是接口类型。 这种写法称作类型谓词，使用类型谓词的函数称为类型谓词函数，该函数的返回值必须的boolean类型。 （1）函数参数形式函数中的参数类型为多个类型，通过is关键字自定义类型，将函数参数精确到某种类型，然后再执行相应的逻辑。
1.1K30编辑于 2023-11-20 - 来自专栏全栈修仙之路
TypeScript never 类型
了解完底部类型的概念后，下面我们开始来介绍 TypeScript 中对应的底部类型 —— never 类型。 二、never 类型 在 TypeScript 中，never 类型表示的是那些永不存在的值的类型。 下面我们来介绍一下 TypeScript 中 never 类型的应用场景。 四、never 和 void 之间的区别 TypeScript 已经具有 never 类型，为什么它需要一个 void 类型。 在 TypeScript 中这些函数的返回类型被推断为 void。 具有 never 返回类型的函数永不返回。它也不返回 undefined。
4.8K10发布于 2020-03-05 - 来自专栏HueiFeng技术专栏
TypeScript数组类型
[类型+方括号] 在我们创建数组的时候同样我们可以定义数组内数据的类型，如下所示 var arr:number[]=[1,2,3] var arr2:string[]=["1","2","3"] var true] 接口形式 interface IArr{ [index:number]:number } var arrType3:IArr=[1,2,3] 通过如上代码我们限制了值只能为number类型 age:number } var arrType5:Array<IArrStudent>=[{ name:"Mr.A",age:18},{ name:"Mr.B",age:20}] 同样在这类型加方括号的形式也可以描述
1.7K30发布于 2020-04-10 - 来自专栏全栈修仙之路
TypeScript 元组类型
阅读须知：本文示例的运行环境是 TypeScript 官网的 Playground，对应的编译器版本是 v3.8.3。 在 JavaScript 中是没有元组的，元组是 TypeScript 中特有的类型，其工作方式类似于数组。 元组可用于定义具有有限数量的未命名属性的类型。每个属性都有一个关联的类型。 针对这种情形，在 TypeScript 中就可以利用元组类型可选元素的特性来定义一个元组类型的坐标点，具体实现如下： type Point = [number, number?, number?] 六、只读的元组类型 TypeScript 3.4 还引入了对只读元组的新支持。我们可以为任何元组类型加上 readonly 关键字前缀，以使其成为只读元组。 Github - typescript-tuples
2K20发布于 2020-03-11 - 来自专栏appuploader使用操作流程
TypeScript 基础类型
TypeScript 基础类型 TypeScript 包含的数据类型如下表: 数据类型 关键字 描述 任意类型 any 声明为 any 的变量可以赋予任意类型的值。 **注意：**TypeScript 和 JavaScript 没有整数类型。 ---- Any 类型 任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型，它常用于以下三种情况。 Null 和 Undefined 是其他任何类型（包括 void）的子类型，可以赋值给其它类型，如数字类型，此时，赋值后的类型会变成 null 或 undefined。 而在TypeScript中启用严格的空校验（--strictNullChecks）特性，就可以使得null 和 undefined 只能被赋值给 void 或本身对应的类型，示例代码如下： // 启用
1.1K10编辑于 2023-05-12 - 来自专栏Web前端开发
TypeScript 基础类型
一、TypeScript 的安装及使用 1、安装 npm i typescript -g // ts 全局包 npm i ts-node -g // 使用 ts-node 直接运行 ts 文件 2、使用 将 TypeScript 转换为 JavaScript 代码： tsc test.ts 使用 node 命令来执行 test.js 文件： $ node test.js 二、TypeScript 基础类型 1、任意类型 any 声明为 any 的变量可以赋予任意类型的值 let any1: any = 4 console.log(any1); // 4 any1 = false console.log 元组与数组相似，但元组每一项的数据类型可以不同（而数组需要使用 any 类型才可以实现每一项类型不同） let x: [string, number]; x = ['Faker', 1]; / ） let x: never; // 运行错误，数字类型不能转为 never 类型 x = 123;
1.7K30发布于 2020-07-07 - 来自专栏coldPlayer的前端专栏
TypeScript交叉类型&联合类型
一、交叉类型（Intersection types）什么事交叉类型呢？简单来说就是通过&符号将多个类型进行合并成一个类型，然后用type来声明新生成的类型。 ，当键的类型是不同的字面量类型，则交叉后类型为never类型。 二、联合类型（Union types）联合类型和交叉类型比较相似，联合类型通过|符号连接多个类型从而生成新的类型。它主要是取多个类型的交集，即多个类型共有的类型才是联合类型最终的类型。 这里我们用in操作符来判断if('x' in testFunc) testFunc.x()扩展：boolean 类型可以看成是 true | false 的联合类型四、类型缩减当字面量类型和原始类型进行联合 ，如下：enum Class{ A, B }type C = Class.A | Class;//Class类型我们发现：TS会把字面量类型和枚举成员类型给缩减掉，只剩下原始类型和枚举类型思考一个问题
1.8K21编辑于 2023-11-20 - 来自专栏coldPlayer的前端专栏
TypeScript类型声明
前言本文主要讲解TypeScript的基本数据结构，主要包括JS基本数据类型以及TS特有的数据类型。 数组中数据的类型可以不随定义的类型位置的限定。 数组中数据的位置、类型以及个数必须要和声明的类型、声明类型的位置、声明类型的个数保持一致，否则就会报错。 ）声明变量类型为any时编译时会绕过所有类型的检测，直接通过编译阶段的检查可以任意访问属性的方法和属性any类型可以赋值给任意类型如果变量初始没有定义类型，默认为any；经过赋值后，TS会根据赋值类型来标识变量的类型 具有以下特点：never类型是所有类型的子类型，即never类型可以赋值给任何类型。其他任何类型均不是never类型的子类型，即其他类型均不可赋值给never类型，除了never本身。
1.2K30编辑于 2023-11-22 - 来自专栏Web前端开发
TypeScript 类型保护
TypeScript 中使用联合类型经常会有下面的错误出现： ? ? 这时就需要用到类型保护，类型保护允许你使用更小范围下的对象类型，常见的类型保护如下： 一、类型断言的类型保护 ? 二、in 语法的类型保护 ? 三、typeof 类型保护 先来看另一种常见的错误： ? ? 通过 typeof 类型保护： ? 四、instanceof 类型保护 ?
93000发布于 2020-08-05 - 来自专栏前端学习教程
【TypeScript】条件类型
条件类型（Conditional Types）是TypeScript中一种强大的类型系统特性，它允许我们根据类型关系来推断和选择类型。 X : Y这表示如果类型T可以赋值给类型U，则条件类型为X，否则为Y。 ，它检查类型T是否为number类型。 根据条件的结果，返回不同的字符串类型。分布式条件类型条件类型还可以在联合类型上使用，这称为分布式条件类型。当我们传入一个联合类型的参数时，条件类型会遍历每个成员，并根据条件进行推断。 条件类型是TypeScript类型系统的一个重要部分，它允许我们在类型级别上进行条件分支和类型选择。通过巧妙地组合泛型、联合类型和条件类型，我们可以定义出非常复杂且强大的类型。
70740编辑于 2023-11-07 - 来自专栏HueiFeng技术专栏
TypeScript函数类型
# 声明式类型函数 通过如下代码我们实现了一个返回值为number类型的方法，同时我们也对返回值和参数进行了约束 ``` function funcType(name:string,age:number 对方法进行添加默认值 ``` function funcType2(name:string="张三",age:number=18):number{ return age; } ``` # 表达式类型函数 numbe } var funcType6:funcType5=function(name:string,age:number):number{ return age; } ``` # 联合类型重载 通过如下代码我们可以实现一个联合类型函数,当然这可以采用重载的方式 当我们的参数是number类型时我们的返回值是number类型，当我们的参数是string类型时我们的返回值是string类型，这一块具体在我们实际业务中可以根据实际需求进行相应修改
1.3K20发布于 2020-04-09 - 来自专栏iSharkFly
TypeScript 类型系统
针对 JavaScript 上面的问题，聪明的同学就想那我们就给 JavaScript 加个类型吧，和 Java 一样，能够对变量的类型进行定义，这个想法就是 TypeScript 的类型系统, 在很大程度上弥补了 从 TypeScript 的名字就可以看出来，「类型」是其最核心的特性，TypeScript 也主要致力于解决 JavaScript 的类型混乱问题。 TypeScript 是静态类型 类型系统按照「类型检查的时机」来分类，可以分为下面 2 种 动态类型 静态类型 动态类型是指在运行时才会进行类型检查，这种语言的类型错误往往会导致运行时错误。 TypeScript 在运行前需要先编译为 JavaScript，而在编译阶段就会进行类型检查，所以 TypeScript 是静态类型，这段 TypeScript 代码在编译阶段就会报错了： let foo 大部分 JavaScript 代码都只需要经过少量的修改（或者完全不用修改）就变成 TypeScript 代码，这得益于 TypeScript 强大的[类型推论][]，即使不去手动声明变量 foo 的类型
1.2K00发布于 2021-11-16 - 来自专栏HueiFeng技术专栏
TypeScript数组类型
类型+方括号 在我们创建数组的时候同样我们可以定义数组内数据的类型，如下所示 var arr:number[]=[1,2,3] var arr2:string[]=["1","2","3"] var arr3 true] 接口形式 interface IArr{ [index:number]:number } var arrType3:IArr=[1,2,3] 通过如上代码我们限制了值只能为number类型 age:number } var arrType5:Array<IArrStudent>=[{ name:"Mr.A",age:18},{ name:"Mr.B",age:20}] 同样在这类型加方括号的形式也可以描述
1.3K40发布于 2020-04-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号