主要内容:TypeScript,JavaScript,联合类型和接口,TypeScript,JavaScript,接口和数组,实例,实例,TypeScript,接口继承,TypeScript,JavaScript,TypeScript,JavaScript接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。 TypeScript 接口定义如下: 实例 以下实例中,我们定义了一个接口 IPe
主要内容:TypeScript,JavaScript,TypeScript,JavaScript,联合类型数组,TypeScript,JavaScript联合类型(Union Types)可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值。 注意:只能赋值指定的类型,如果赋值其它类型就会报错。 创建联合类型的语法格式如下: 实例 声明一个联合类型: TypeScript var val:string|number val = 12 console.log("数字为 "+ val
主要内容:TypeScript,JavaScript,元组运算,TypeScript,JavaScript,更新元组,TypeScript,JavaScript,解构元组,TypeScript,JavaScript我们知道数组中元素的数据类型都一般是相同的(any[] 类型的数组可以不同),如果存储的元素数据类型不同,则需要使用元组。 元组中允许存储不同类型的元素,元组可以作为参数传递给函数。 创建元组的语法格式如下: 实例 声明一个元组并初始化: 或者我们可以先声明一个空元组,然后再初始化:
主要内容:创建 Map,实例 - test.ts 文件,实例 - test.js 文件,实例 -test.ts 文件,实例Map 对象保存键值对,并且能够记住键的原始插入顺序。 任何值(对象或者原始值) 都可以作为一个键或一个值。 Map 是 ES6 中引入的一种新的数据结构,可以参考 ES6 Map 与 Set。 创建 Map TypeScript 使用 Map 类型和 new 关键字来创建 Map: 初始化 Map,可以以数组的格式来传入键值对: Map 相关的函数与属性: map.clea
主要内容:TypeScript,JavaScript,TypeScript,JavaScript,Array 对象,TypeScript,JavaScript,TypeScript,JavaScript,数组解构,TypeScript,JavaScript,数组迭代,TypeScript,JavaScript,多维数组,TypeScript,JavaScript,数组在函数中的使用,TypeScript,JavaScript,TypeScript,JavaScript,数组方法数组对象是使用单独
String 对象用于处理文本(字符串)。 语法 String 对象属性 下表列出了 String 对象支持的属性: 序号 属性 & 描述 实例 1. constructor 对创建该对象的函数的引用。 输出结果: 2. length 返回字符串的长度。 3. prototype 允许您向对象添加属性和方法。 String 方法 下表列出了 String 对象支持的方法: 序号 方法 & 描述 实
主要内容:TypeScript,JavaScript,TypeScript,JavaScript,TypeScript,JavaScript,Number 对象方法TypeScript 与 JavaScript 类似,支持 Number 对象。 Number 对象是原始数值的包装对象。 语法 注意: 如果一个参数值不能转换为一个数字将返回 NaN (非数字值)。 Number 对象属性 下表列出了 Number 对象支持的属性: 序号 属性 & 描述 1. MAX_VALUE 可表示的最大的数,
TypeScript 函数 函数是一组一起执行一个任务的语句。 您可以把代码划分到不同的函数中。如何划分代码到不同的函数中是由您来决定的,但在逻辑上,划分通常是根据每个函数执行一个特定的任务来进行的。 函数声明告诉编译器函数的名称、返回类型和参数。函数定义提供了函数的实际主体。 函数定义 函数就是包裹在花括号中的代码块,前面使用了关键词 function: 语法格式如下所示: 实例 TypeScr
TypeScript 循环 有的时候,我们可能需要多次执行同一块代码。一般情况下,语句是按顺序执行的:函数中的第一个语句先执行,接着是第二个语句,依此类推。 编程语言提供了更为复杂执行路径的多种控制结构。 循环语句允许我们多次执行一个语句或语句组,下面是大多数编程语言中循环语句的流程图: for 循环 TypeScript for 循环用于多次执行一个语句序列,简化管理循环变量的代码。 语法 语
主要内容:条件语句,if 语句,if...else 语句,TypeScript,JavaScript,if...else if....else 语句,TypeScript,JavaScript,switch…case 语句,流程图,TypeScript,JavaScript条件语句用于基于不同的条件来执行不同的动作。 TypeScript 条件语句是通过一条或多条语句的执行结果(True 或 False)来决定执行的代码块。 可以通过下图来简单了解条件语句的执行过程: 条件语句 通常在写代码时,
主要内容:算术运算符,关系运算符,逻辑运算符,位运算符,赋值运算符,三元运算符 (?),类型运算符,其他运算符运算符用于执行程序代码运算,会针对一个以上操作数项目来进行运算。 考虑以下计算: 以上实例中 7、5 和 12 是操作数。 运算符 + 用于加值。 运算符 = 用于赋值。 TypeScript 主要包含以下几种运算: 算术运算符 逻辑运算符 关系运算符 按位运算符 赋值运算符 三元/条件运算符 字符串运算符 类型运算符 算术运算符 假定 y=5,下面的表格解释了这些算术运算符的操作: 运
主要内容:类型断言(Type Assertion),类型推断,变量作用域变量是一种使用方便的占位符,用于引用计算机内存地址。 我们可以把变量看做存储数据的容器。 TypeScript 变量的命名规则: 变量名称可以包含数字和字母。 除了下划线 _ 和美元 $ 符号外,不能包含其他特殊字符,包括空格。 变量名不能以数字开头。 变量使用前必须先声明,我们可以使用 var 来声明变量。 我们可以使用以下四种方式来声明变量: 声明变量的类型及初始值: 例如: 声明变量的类型,
主要内容:Any 类型,Null 和 Undefined,never 类型TypeScript 包含的数据类型如下表: 数据类型 关键字 描述 任意类型 any 声明为 any 的变量可以赋予任意类型的值。 数字类型 number 双精度 64 位浮点值。它可以用来表示整数和分数。 字符串类型 string 一个字符系列,使用单引号(')或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式。 布尔类型 boolean 表示逻辑值:true 和 fals
主要内容:Runoob.ts 文件代码:,Runoob.js 文件代码:,TypeScript 保留关键字,TypeScript 与面向对象TypeScript 程序由以下几个部分组成: 模块 函数 变量 语句和表达式 注释 第一个 TypeScript 程序 我们可以使用以下 TypeScript 程序来输出 "Hello World" : Runoob.ts 文件代码: const hello : string = "Hello World!" console.log(hello) 以上代码
主要内容:Visual Studio Code 介绍本文介绍 TypeScript 环境的安装。 我们需要使用到 npm 工具安装,如果你还不了解 npm,可以参考我们的NPM 使用介绍。 NPM 安装 TypeScript 如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装。 使用国内镜像: 安装 typescript: 安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号: 然后我们新建一