
TypeScript 教程系列
文章平均质量分 74
TypeScript 设计目标是开发大型应用,然后转译成 JavaScript。
TypeScript 由微软开发的自由和开源的编程语言。
TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。
麦田上的字节
一个文绉绉的前端程序员
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【TypeScript系列教程16】TypeScript 联合类型
TypeScript 联合类型联合类型(Union Types)可以通过管道 (|) 将变量设置多种类型,赋值时可以根据设置的类型来赋值。注意:只能赋值指定的类型,如果赋值其它类型就会报错。创建联合类型的语法格式如下Type1|Type2|Type3实例声明一个联合类型:TypeScriptvar val:string|numberval = 12console.log("数字为 "+ val)val = "sunjiaoshou"console.log("字符原创 2022-03-23 22:34:26 · 3078 阅读 · 8 评论 -
【TypeScript系列教程15】TypeScript 元组
我们知道数组中元素的数据类型都是相同的,如果存储的元素数据类型不同,则需要使用元组。元组中允许存储不同类型的元素,元组可以作为参数传递给函数。创建元组的语法格式如下:var tuple_name = [value1,value2,value3,…value n]声明一个元组并初始化:var mytuple = [10,"sunjiaoshou"];或者我们可以先声明一个空元组,然后再初始化:var mytuple = [];mytuple[0] = 120mytuple原创 2022-03-23 22:23:53 · 2453 阅读 · 0 评论 -
【TypeScript系列教程14】Array数组对象的常见的方法
目录TypeScript Array(数组)concat()every()filter()forEach()join()lastIndexOf()map()pop()push()reduce()reduceRight()reverse()shift()slice()some()sort()splice()toString()nshift()TypeScript Array(数组)数组对象是使用单独的变量名来存储一原创 2022-03-06 22:35:04 · 1433 阅读 · 5 评论 -
【TypeScript系列教程13】String 字符串对象的基本使用
目录TypeScript String(字符串)语法String 对象属性弦方法TypeScript String(字符串)String 对象用于处理文本(字符串)。语法var txt = new String("string");或者更简单方式:var txt = "string";String 对象属性下表列出了 String 对象支持的属性:序号 属性和描述 实例 1 建设者 对创建该对象的函数的引用。原创 2022-03-06 22:23:54 · 1468 阅读 · 0 评论 -
【TypeScript系列教程12】Number对象的基本使用
目录TypeScript Number语法Number 对象属性JavaScriptNaN 实例prototype 实例Number 对象方法TypeScript NumberTypeScript 与 JavaScript 类似,支持 Number 对象。Number 对象是原始数值的包装对象。语法var num = new Number(value);注意:如果一个参数值不能转换为一个数字将返回 NaN (非数字值)。Number 对象属.原创 2022-03-06 22:10:38 · 966 阅读 · 0 评论 -
【TypeScript系列教程11】函数的使用
目录TypeScript 函数函数定义实例实例函数返回值实例带参数函数实例JavaScript可选参数和默认参数可选参数默认参数剩余参数匿名函数实例匿名函数自调用TypeScript构造函数实例递归函数实例Lambda 函数实例实例函数重载实例TypeScript 函数函数是一组一起执行一个任务的语句。您可以把代码划分到不同的函数中。如何划分代码到不同的函数中是由您来决定的,但在逻辑上原创 2022-03-06 22:02:30 · 937 阅读 · 0 评论 -
【TypeScript系列教程10】循环语句的使用
目录TypeScript 循环for 循环语法实例for…in 循环语法实例for…of 、forEach、every 和 some 循环TypeScript for…of 循环TypeScript forEach 循环TypeScript every 循环while 循环语法实例do…while 循环语法实例break 语句语法实例continue 语句语法实例无限循环TypeScript 循环原创 2022-03-06 21:39:10 · 1165 阅读 · 0 评论 -
【TypeScript系列教程09】条件语句的使用
目录TypeScript 条件语句条件语句if 语句语法实例if…else 语句语法实例if…else if….else 语句语法实例switch…case 语句实例TypeScript 条件语句条件语句用于基于不同的条件来执行不同的动作。TypeScript 条件语句是通过一条或多条语句的执行结果(True 或 False)来决定执行的代码块。条件语句通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条原创 2022-03-06 21:27:58 · 981 阅读 · 0 评论 -
【TypeScript系列教程04】编译参数
目录编辑单个 .ts 文件编辑多个 .ts 文件tsc 常用编译参数编辑单个 .ts 文件通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。然后执行以下命令将 TypeScript 转换为 JavaScript 代码:tsc sunjiaoshou.js编辑多个 .ts 文件我们可以同时编译多个 ts 文件:tsc file1.ts, file2.ts, file3.tstsc 常用编译参数tsc 常用编译参数如下表所示:原创 2022-03-06 19:45:59 · 1445 阅读 · 0 评论 -
【TypeScript系列教程07】变量声明
目录TypeScript 变量声明实例类型断言(Type Assertion)TypeScript 是怎么确定单个断言是否足够类型推断变量作用域TypeScript 变量声明变量是一种使用方便的占位符,用于引用计算机内存地址。我们可以把变量看做存储数据的容器。TypeScript 变量的命名规则:变量名称可以包含数字和字母。 除了下划线_和美元$符号外,不能包含其他特殊字符,包括空格。 变量名不能以数字开头。变量使用前必须先声明,我们可以使用...原创 2022-03-06 20:06:03 · 947 阅读 · 0 评论 -
【TypeScript系列教程06】基础类型
目录TypeScript 基础类型任意类型 (any)变量的值会动态改变时改写现有代码时定义存储各种类型数据的数组时数字类型 (number)字符串类型 (string)布尔类型 (boolean)数组类型 (无)元组 (无)枚举 (enum)void (void)null / undefined / nevernull (null)undefined (undefined)never (never)TypeScript 基础类型原创 2022-03-06 19:55:58 · 1163 阅读 · 0 评论 -
【TypeScript系列教程02】安装及使用
目录TypeScript 安装NPM 安装 TypeScript测试安装结果本教程使用VSCodeTypeScript 安装我们需要使用到 npm ,你需要安装Node.js;NPM 安装 TypeScript如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装:npm install -g typescript安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号:tsc -vVersio原创 2022-03-06 19:23:47 · 868 阅读 · 0 评论 -
【TypeScript系列教程01】入门介绍
目录什么是TypeScript?TypeScript 的过去与现在?JavaScript 与 TypeScript 的区别?类型批注第一个 TypeScript 实例编译器IDE 和编辑器支持什么是TypeScript?TypeScript 是 JavaScript 的一个严格超集;由于 TypeScript 是 JavaScript 的严格超集,任何现有的 JavaScript 代码都是符合 TypeScript 标准的;通俗的讲,就是你可以在`.ts`原创 2022-03-06 18:59:48 · 998 阅读 · 0 评论 -
【TypeScript系列教程08】运算符
目录TypeScript 运算符算术运算符实例关系运算符逻辑运算符短路运算符 (&& 与 ||)位运算符赋值运算符实例三元运算符 (?)类型运算符typeof 运算符instanceof其他运算符负号运算符 (-)字符串运算符:连接运算符 (+)TypeScript 运算符运算符用于执行程序代码运算,会针对一个以上操作数项目来进行运算。考虑以下计算:7 + 5 = 12以上实例中 7、5 和 12原创 2022-03-06 20:21:03 · 893 阅读 · 0 评论 -
【TypeScript系列教程03】基础语法
目录TypeScript 基础语法空白和换行TypeScript 区分大小写分号是可选的TypeScript 注释TypeScript 支持两种类型的注释TypeScript 与面向对象TypeScript 基础语法TypeScript 程序由以下几个部分组成:模块 函数 变量 语句和表达式 注释然后我们新建一个sunjiaoshou.ts的文件,代码如下:var message:string = "Hello World"consol...原创 2022-03-06 19:40:18 · 900 阅读 · 0 评论 -
【TypeScript系列教程05】保留关键字
目录TypeScript 保留关键字TypeScript 保留关键字TypeScript 保留关键字如下表所示:原创 2022-03-06 19:48:01 · 1091 阅读 · 0 评论