【TypeScript】基础类型

这篇具有很好参考价值的文章主要介绍了【TypeScript】基础类型。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

安装 Node.js 环境

https://nodejs.org/en

终端中可以查到版本号即安装成功。

【TypeScript】基础类型,TypeScript,typescript,javascript,前端
然后,终端执行npm i typescript -g安装 TypeScript 。
【TypeScript】基础类型,TypeScript,typescript,javascript,前端
查到版本号即安装成功。

字符串类型

let str:string = "Hello";
console.log(str);

终端中先执行tsc --init,然后执行tsc -w。发现原本TS文件夹中只有index.ts,现在多了两个文件。

【TypeScript】基础类型,TypeScript,typescript,javascript,前端

再开一个终端,执行

【TypeScript】基础类型,TypeScript,typescript,javascript,前端

即可输出。

同样支持模板字符串:

let num:number = 12
let str:string = `${num}`
console.log(str);

数字类型

let notANumber: number = NaN;//Nan
let num: number = 123;//普通数字(包括整型和浮点型)
let infinityNumber: number = Infinity;//无穷大
let decimal: number = 6;//十进制
let hex: number = 0xf00d;//十六进制
let binary: number = 0b1010;//二进制
let octal: number = 0o744;//八进制s

布尔类型

// let boolean0:boolean = new Boolean(1) // 此时是对象类型,不是 boolean 类型,要写为以下形式
let createdBoolean: Boolean = new Boolean(1)
let boolean1: boolean = true //可以直接使用布尔值
let boolean2: boolean = Boolean(1) //也可以通过函数返回布尔值

Null 和 undefined 类型

let u: undefined = undefined;//定义undefined
let n: null = null;//定义null

void 类型

let v1:void = null
let v2:void = undefined
// 没有返回值的函数(非严格模式)
function fn(): void {
  return 
}

let v1:void = null可能会有报错,需要在tsconfig.json中将strict 设置为 false ,关闭严格模式,不再报错。而且,在非严格模式下,nullundefined可以互相赋值。

void类型不可以赋值给其他类型,而nullundefined类型可以赋值给其他类型。但在严格模式下,null 不能 赋值给 void 类型。文章来源地址https://www.toymoban.com/news/detail-662455.html

到了这里,关于【TypeScript】基础类型的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • TypeScript -- 基础类型

    错误示范 正确写法 布尔类型 – boolean 赋值为true 和 false 赋值为Boolean()对象 数字类型 – number 使用 number 定义数值类型 编译结果 字符串类型 – string 数组类型 「类型 + 方括号」 泛型 联合类型 元组类型 枚举类型 – enum 枚举定义 枚举项有两种类型:常数项(constant member)和

    2024年02月15日
    浏览(35)
  • 【TypeScript】基础类型

    https://nodejs.org/en 终端中可以查到版本号即安装成功。 然后,终端执行 npm i typescript -g 安装 TypeScript 。 查到版本号即安装成功。 终端中先执行 tsc --init ,然后执行 tsc -w 。发现原本TS文件夹中只有index.ts,现在多了两个文件。 再开一个终端,执行 即可输出。 同样支持模板字符

    2024年02月12日
    浏览(31)
  • TypeScript的基础类型

    1. boolean类型: boolean表示布尔值类型,即true和false。例: 2. number类型: number表示数字类型,包括整数和浮点数。例: 3. string类型: string表示字符串类型。例: 4. void类型: void表示没有返回值的函数类型。例: 5. null和undefined类型: null和undefined表示null和undefined值的类型。例

    2024年02月11日
    浏览(44)
  • Typescript基础知识(类型拓宽、类型缩小)

    引入一:Typescript基础引入(基础类型、元组、枚举) 引入二:Typescript面向对象引入(接口、类、多态、重写、抽象类、访问修饰符) 第一章:Typescript基础知识(Typescript介绍、搭建TypeScript环境、基本数据类型) 第二章:Typescript常用类型(任意值any、数组Array、函数Functio

    2024年02月12日
    浏览(45)
  • 前端TypeScript学习day04-交叉类型与泛型

    (创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)            目录 交叉类型 泛型 创建泛型函数 调用泛型函数: 简化调用泛型函数: 泛型约束  指定更加具体的类型 添加约束  泛型接口  泛型类 泛型工具类型  Partial 

    2024年02月08日
    浏览(43)
  • TypeScript基础知识:类型断言

            在 TypeScript 中,类型断言是一种强制将一个值视为特定类型的方式。它允许开发人员在编译时指定变量的类型,从而获得更好的类型检查和代码提示。本文将深入探讨 TypeScript 中的类型断言,并提供丰富的示例代码帮助读者更好地理解和应用这一特性。       

    2024年01月25日
    浏览(41)
  • TypeScript教程(二)基础语法与基础类型

    TypeScript由以下几个部分组成 1.模块 2.函数 3.变量 4.语句和表达式 5.注释 示例: Runoob.ts 文件代码: 以上代码首先通过  tsc  命令编译: Runoob.js 文件代码:  最后我们使用 node 命令来执行该 js 代码。 tsc 常用编译参数如下表所示: 序号 编译参数说明 1. --help 显示帮助信息

    2024年02月12日
    浏览(43)
  • TypeScript基础知识:类型守卫和类型推断

            在 TypeScript 中,类型守卫和类型推断是两个重要的概念,它们可以帮助我们更好地理解和利用类型系统的优势。本文将详细介绍这两个概念,并提供示例代码来说明它们的用法和优势。         类型守卫是一种在 TypeScript 中用于缩小变量类型范围的技术。当我

    2024年02月02日
    浏览(49)
  • TypeScript基础知识:高级数据类型

            TypeScript 是一种静态类型检查的 JavaScript 超集,它提供了许多强大的高级数据类型,可以帮助我们更好地定义和操作数据。本文将深入介绍 TypeScript 的高级数据类型,包括交叉类型、联合类型和映射类型,并通过示例代码演示它们的用法和优势。         交叉

    2024年01月17日
    浏览(49)
  • 前端TypeScript学习day05-索引签名、映射与类型声明文件

    (创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)              目录 索引签名类型  映射类型 索引查询(访问)类型 基本使用  同时查询多个索引的类型  TypeScript 类型声明文件  概述 TS 的两种文件类型  类型声明文件的

    2024年02月08日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包