04 TypeScript - 随笔分类 - springsnow

TypeScript（21）：装饰器

摘要：一、装饰器装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，属性或参数上，可以修改类的行为。通俗的讲装饰器就是一个方法，可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能。常见的装饰器有：类装饰器、属性装饰器、方法装饰器、参数装饰器装饰器的写法：普通装饰器（无法传参）、装饰器工厂（可传参）装饰器是过去几年中js最大的成就之一，已是Es7的标准特性之一二、类... 阅读全文

posted @ 2020-06-30 10:12 springsnow 阅读(274) 评论(0) 推荐(0) 编辑

摘要：TypeScript 作为 JavaScript 的超集，在开发过程中不可避免要引用其他第三方的 JavaScript 的库。虽然通过直接引用可以调用库的类和方法，但是却无法使用TypeScript 诸如类型检查等特性功能。为了解决这个问题，需要将这些库里的函数和方法体去掉后只保留导出类型声明，而产生了一个描述 JavaScript 库和模块信息的声明文件。通过引用这个声明文件，就可以借用 Ty... 阅读全文

posted @ 2020-06-26 08:32 springsnow 阅读(303) 评论(0) 推荐(0) 编辑

TypeScript（19）：模块

摘要：TypeScript 模块的设计理念是可以更换的组织代码。模块是在其自身的作用域里执行，并不是在全局作用域，这意味着定义在模块里面的变量、函数和类等在模块外部是不可见的，除非明确地使用 export 导出它们。类似地，我们必须通过 import 导入其他模块导出的变量、函数、类等。两个模块之间的关系是通过在文件级别上使用 import 和 export 建立的。模块使用模块加载器去导入其它的模块... 阅读全文

posted @ 2020-06-26 08:28 springsnow 阅读(191) 评论(0) 推荐(0) 编辑

TypeScript（18）：命名空间

摘要：命名空间一个最明确的目的就是解决重名问题。一、定义和使用命名空间TypeScript 中命名空间使用 namespace 来定义，语法格式如下：namespace SomeNameSpaceName { export interface ISomeInterfaceName { } export class SomeClassName { } }以上定义了一个... 阅读全文

posted @ 2020-06-26 08:24 springsnow 阅读(206) 评论(0) 推荐(0) 编辑

TypeScript（17）：对象

摘要：一、对象（JSON）对象是包含一组键值对的实例。值可以是标量、函数、数组、对象等，如下实例：var object_name = { key1: "value1", // 标量 key2: "value", key3: function() { // 函数 }, key4:["content1", "content2"] //集合}以上对象包含... 阅读全文

posted @ 2020-06-26 08:21 springsnow 阅读(204) 评论(0) 推荐(0) 编辑

TypeScript（16）：类

摘要：TypeScript 是面向对象的 JavaScript。类描述了所创建的对象共同的属性和方法。TypeScript 支持面向对象的所有特性，比如类、接口等。一、定义类定义类的关键字为 class，后面紧跟类名，类可以包含以下几个模块（类的数据成员）：字段 − 字段是类里面声明的变量。字段表示对象的有关数据。构造函数 − 类实例化时调用，可以为类的对象分配内存。方法 − 方法为对象要执行的操作... 阅读全文

posted @ 2020-06-26 08:13 springsnow 阅读(241) 评论(0) 推荐(0) 编辑

TypeScript（15）：接口

摘要：接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法。一、定义和使用以下实例中，我们定义了一个接口 IPerson，接着定义了一个变量 customer，它的类型是 IPerson。customer 实现了接口 IPerson 的属性和方法。interface IPerson { f... 阅读全文

posted @ 2020-06-26 08:11 springsnow 阅读(199) 评论(0) 推荐(0) 编辑

TypeScript（14）：函数

摘要：函数是一组一起执行一个任务的语句。您可以把代码划分到不同的函数中。如何划分代码到不同的函数中是由您来决定的，但在逻辑上，划分通常是根据每个函数执行一个特定的任务来进行的。函数声明告诉编译器函数的名称、返回类型和参数。函数定义提供了函数的实际主体。一、函数定义函数就是包裹在花括号中的代码块，前面使用了关键词 function：function () { // 函数定义 conso... 阅读全文

posted @ 2020-06-26 08:07 springsnow 阅读(200) 评论(0) 推荐(0) 编辑

TypeScript（13）：联合类型

摘要：联合类型（Union Types）可以通过管道(|)将变量设置多种类型，赋值时可以根据设置的类型来赋值。注意：只能赋值指定的类型，如果赋值其它类型就会报错。一、创建和使用联合类型创建联合类型的语法格式如下：Type1|Type2|Type3 实例1、声明一个联合类型：var val:string|number val = 12 console.log("数字为 "+ val) val = "Ru... 阅读全文

posted @ 2020-06-26 08:06 springsnow 阅读(359) 评论(0) 推荐(0) 编辑

TypeScript（12）：元组（同JS）

摘要：我们知道数组中元素的数据类型都一般是相同的（any[] 类型的数组可以不同），如果存储的元素数据类型不同，则需要使用元组。元组中允许存储不同类型的元素，元组可以作为参数传递给函数。一、创建元组创建元组的语法格式如下：var tuple_name = [value1,value2,value3,…value n]实例声明一个元组并初始化：var mytuple = [10,"Runoob"];或者... 阅读全文

posted @ 2020-06-26 08:03 springsnow 阅读(891) 评论(0) 推荐(0) 编辑

TypeScript（11）： Array(数组)

摘要：数组对象是使用单独的变量名来存储一系列的值。假如你有一组数据（例如：网站名字），存在单独变量如下所示：var site1="Google";var site2="Runoob";var site3="Taobao";如果有 10 个、100 个这种方式就变的很不实用，这时我们可以使用数组来解决：var sites:string[]; sites = ["Google","Runoob","Tao... 阅读全文

posted @ 2020-06-25 23:32 springsnow 阅读(1613) 评论(0) 推荐(0) 编辑

TypeScript（10）： String(同JS)

摘要：String 对象用于处理文本（字符串）。一、语法var txt = new String("string"); //或者更简单方式： var txt = "string";二、String 对象属性三、String 方法下表列出了 String 对象支持的方法：阅读全文

posted @ 2020-06-25 23:26 springsnow 阅读(191) 评论(0) 推荐(0) 编辑

TypeScript（09）： Number（同JS）

摘要：TypeScript 与 JavaScript 类似，支持 Number 对象。Number 对象是原始数值的包装对象。一、语法var num = new Number(value);注意：如果一个参数值不能转换为一个数字将返回 NaN (非数字值)。二、Number 对象属性下表列出了 Numb 阅读全文

posted @ 2020-06-25 23:23 springsnow 阅读(248) 评论(0) 推荐(0) 编辑

TypeScript（08）：循环

摘要：有的时候，我们可能需要多次执行同一块代码。一般情况下，语句是按顺序执行的：函数中的第一个语句先执行，接着是第二个语句，依此类推。编程语言提供了更为复杂执行路径的多种控制结构。循环语句允许我们多次执行一个语句或语句组，下面是大多数编程语言中循环语句的流程图：一、for 循环TypeScript for 循环用于多次执行一个语句序列，简化管理循环变量的代码。语法语法格式如下所示：for ( init... 阅读全文

posted @ 2020-06-25 22:55 springsnow 阅读(360) 评论(0) 推荐(0) 编辑

TypeScript（07）：条件语句（同JS）

摘要：条件语句用于基于不同的条件来执行不同的动作。TypeScript 条件语句是通过一条或多条语句的执行结果（True 或 False）来决定执行的代码块。可以通过下图来简单了解条件语句的执行过程:一、条件语句通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务阅读全文

posted @ 2020-06-25 22:53 springsnow 阅读(190) 评论(0) 推荐(0) 编辑

TypeScript（06）：运算符（同JS）

摘要：运算符用于执行程序代码运算，会针对一个以上操作数项目来进行运算。TypeScript 主要包含以下几种运算：算术运算符逻辑运算符关系运算符按位运算符赋值运算符三元/条件运算符字符串运算符类型运算符一、算术运算符假定 y=5，下面的表格解释了这些算术运算符的操作：实例var num1:n 阅读全文

posted @ 2020-06-25 22:48 springsnow 阅读(235) 评论(0) 推荐(0) 编辑

TypeScript（05）：变量声明

摘要：变量是一种使用方便的占位符，用于引用计算机内存地址。我们可以把变量看做存储数据的容器。一、声明变量TypeScript 变量的命名规则：变量名称可以包含数字和字母。除了下划线 _ 和美元 $ 符号外，不能包含其他特殊字符，包括空格。变量名不能以数字开头。变量使用前必须先声明，我们可以使用 var 来声明变量。我们可以使用以下四种方式来声明变量：1、声明变量的类型及初始值：var uname:st... 阅读全文

posted @ 2020-06-25 22:41 springsnow 阅读(399) 评论(0) 推荐(0) 编辑

TypeScript（04）：基础类型

摘要：TypeScript 包含的数据类型如下表:注意：TypeScript 和 JavaScript 没有整数类型。一、Any 类型任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型，它常用于以下三种情况。1、变量的值会动态改变时，比如来自用户的输入，任意值类型可以让这些变量跳过编译阶段的类型检查，示例代码如下：let x: any = 1; // 数字类型x = '... 阅读全文

posted @ 2020-06-25 22:36 springsnow 阅读(191) 评论(0) 推荐(0) 编辑

TypeScript（03）：基础语法

摘要：TypeScript 程序由以下几个部分组成：模块函数变量语句和表达式注释一、TypeScript 保留关键字TypeScript 保留关键字如下表所示：1、空白和换行TypeScript 会忽略程序中出现的空格、制表符和换行符。空格、制表符通常用来缩进代码，使代码易于阅读和理解。2、TypeScript 区分大小写TypeScript 区分大写和小写字符。3、分号是可选的每行指令都是一段语句，... 阅读全文

posted @ 2020-06-25 22:24 springsnow 阅读(295) 评论(0) 推荐(0) 编辑

TypeScript（02）：安装

摘要：一、NPM 安装 TypeScript1、安装TypeScript包如果你的本地环境已经安装了 npm 工具，可以直接使用npm工具来安装TypeScript，这个TypeScript的Package其实也是一个Compiler，可以通过这个Complier将typescript编译成javascript。可以使用以下命令来安装：npm install -g typescript安装完成后我们可... 阅读全文

posted @ 2020-06-25 07:53 springsnow 阅读(252) 评论(0) 推荐(0) 编辑

工作在浏览器上人-YangBobin

随笔分类 - 04 TypeScript