类是对对象的抽象,描述了对象的特征和行为,而对象就是类的实例.ES6引入了类的概念(相关内容可参考ES类和ES6类的继承两节),TypeScript在此基础上,不仅根据ES7等规范完善了类的语法,还添加了许多其它语法.而在使用TypeScript的类时,不必关心兼容性问题,因为这些工作已由编译器完成. 下面是一个简单的类,包含3个成员:带private修饰符的name属性.构造函数constructor()和getName()方法,最后一句使用new运算符创建了Person类的实例,并调用了一次…

TypeScript是一种基于结构类型的语言,可根据其成员来描述类型.以结构相同的Person接口和Programmer类为例,如下所示. interface Person { name: string; } class Programmer { name: string; } let person: Person = new Programmer(); 由于结构类型的关系,因此当变量声明为Person类型时,可通过Programmer类实例化.由此可知,结构类型只关注类型的组成结构,而名称并不…

本节将对TypeScript中类型的高级特性做详细讲解,包括交叉类型.类型别名.类型保护等. 一.交叉类型 交叉类型(Intersection Type)是将多个类型通过“&”符号合并成一个新类型,新类型将包含所有类型的特性.例如有Person和Programmer两个类(如下代码所示),当man变量的类型声明为Person&Programmer时,它就能使用两个类的成员:name属性和work()方法. class Person { name: string; } class Progr…

装饰器(Decorator)可声明在类及其成员(例如属性.方法等)之上,为它们提供一种标注,用于分离复杂逻辑或附加额外逻辑,其语法形式为@expression.expression是一个会在运行时被调用的函数,它的参数是被装饰的声明信息.假设有一个@sealed装饰器,那么可以像下面这样定义sealed()函数. function sealed(target) { //... } 有两种方式可以开启装饰器,第一种是在输入命令时添加--experimentalDecorators参数,如下所示,其…

TypeScript不仅支持JavaScript所包含的数据类型,还额外扩展了许多实用的数据类型,例如枚举.空值.任意值等. 一.JavaScript的数据类型 JavaScript的数据类型包括6种基本类型:undefined.null.布尔值.数字.字符串以及ES6新增的Symbol,还有1种复杂类型:object.由于TypeScript提供了可选的静态类型声明(即在变量后跟一个冒号和类型声明),因此同样的变量声明,在TypeScript中将更能传播代码的意图,并且在编译时还能验证代码的正…

在传统的面向对象语言中,接口(Interface)好比协议,它会列出一系列的规则(即对行为进行抽象),再由类来实现这些规则.而TypeScript中的接口更加灵活,除了包含常规的作用之外,它还能扩展其它的类.为对象的类型命名以及约束值的结构等,大大消除了许多潜在的错误. 一.属性 TypeScript中的接口可通过声明属性和其类型来限制对象的结构.例如定义一个名为Person的接口,包含一个字符串类型的name属性和一个数字类型的age属性,如下所示. interface Person { na…

泛型是程序设计语言中的一种风格或范式,相当于类型模板,允许在声明类.接口或函数等成员时忽略类型,而在未来使用时再指定类型,其主要目的是为它们提供有意义的约束,提升代码的可重用性. 一.泛型参数 当一个函数需要能处理多种类型的参数和返回值,并且还得约束它们之间的关系(例如类型要相同)时,就可以采用泛型的语法,如下所示. function send<T>(data: T): T { return data; } 函数名称后面跟了<T>,其中把T称为泛型参数或泛型变量,表示某种数据类型.…

TypeScript中的命名空间可将那些具有内在联系的接口.类或对象等代码组织在一起,既能隔离作用域,也能避免命名冲突,并且使得代码结构清晰,更易追踪.在命名空间内部,所有实体部分默认都是私有的,需要由export关键字导出之后,才能在外部访问,如下所示. namespace Util { export function log(msg) { console.log(msg); } } Util.log("strick"); TypeScript会将上面的命名空间编译成两部分:Util…

古语云:“纸上得来终觉浅,绝知此事要躬行”.的确,不管看了多少本书,如果自己不实践,那么就很难领会其中的精髓.自己研读过许多ES6相关的书籍和资料,平时工作中也会用到,但在用到时经常需要上搜索引擎中查询相关知识概念,并且对很多知识也仅仅是略知一二,没有领会到其中的原理.为此,开辟了<ES6躬行记>系列,将ES6相关的知识系统的记录下来,以便自己翻阅,也希望能帮助到广大网友. 在ES6之前的版本中,用于声明变量的关键字只有var,并且没有块级作用域,只有函数作用域和全局作用域,但在ES6中已改变…

ES6躬行记(18)--迭代器 要实现以下接口## next() ,return,throw 可以用for-of保证迭代对象的正确性 例如 var str = "向…