TypeScript
TypeScript Language Learning Note
1 Introduction
设计用来编写大型程序, 支持类型系统, 使用类型推断。可以直接翻译为 javascript 语言运行。可以使用V8高效运行.
支持模块化, 编译器选项可以设置模块静态或者动态加载。类型系统可以用来支持类型安全,检查错误。
1 | var i = 0; |
TypeScript will infer from the following function definition that the function f has return type string.
1 | function f() { |
通过使用 TypeScript language service find the members of a string object.
通过 providing type annotations. 用来检查参数正确性.
1 | function f(s: string) { |
生成的js将不会包含这些信息, the TypeScript compiler will emit the following JavaScript code:
1 | function f(s) { |
In general, TypeScript erases all type information before emitting JavaScript.(所以就没有类型检查了)
1.1 Ambient Declarations
TypeScript 变量在使用前要声明,如果确定生成的 js 使用的变量会被提供,在TypeScript里面进行声明。
1 | declare var document; |
TypeScript by default includes a file ‘lib.d.ts’ that provides interface declarations for the built-in JavaScript library.
A programmer could supply a declaration such as:
1 | declare var $; |
1.2 Function Types
支持 closures 可以用来捕获变量,定义范围,可以作为其它程序的异步回调 handle。
TypeScript 函数支持 signature . 可以在参数中定义回调函数类型.
1 | function vote(candidate: string, callback: (result: string) => any) { |
In this example, the second parameter to ‘vote’ has the function type
1 | (result: string) => any |
1.3 Object Types
类似C++的大括号用来构建对象, object types 用来声明期望的对象行为.
1 | var MakePoint: () => { |
可以命名对象类型通过使用 interfaces. 类似C++的class, 不用后面的分号.
1 | interface Friend { |
The following code fragment captures a small subset of jQuery behavior, just enough to use jQuery in a simple way.
1 | interface JQuery { |
Finally, the ‘JQueryStatic’ interface contains a bare function signature
1 | (query: string): JQuery; |
函数对象。
1 | var f: { (): string; }; |
TypeScript supports overloading of function signatures in object types.
1 | (ready: () => any): any; |
1.4 Structural Subtyping
Object types are compared structurally. 就是成员布局相同,互相兼容.
1 | interface Point { |
See section 3.11 for more information about type comparisons.
1.5 Contextual Typing
类型推断 “bottom-up”: 就是通过表达式值来推断咯.
1 | function mul(a: number, b: number) { |
推断不出来的就算 ‘any’,可以通过签名中推断,叫”top-down”。
1 | $.get("http://mysite.org/divContent", |
Contextual typing is also useful 可以提供自动补全.
Section 4.23 provides additional information about contextually typed expressions.
1.6 Classes
JavaScript 提供两种 design patterns: the module pattern(使用闭包捕获和封装数据,ts形式化为namespace) and the class pattern(uses prototype chains).
1 | class BankAccount { |
This class generates the following JavaScript code.
1 | var BankAccount = (function () { |
上面脚本,创建变量通过构造函数返回一个同名实例。If we were to write this type as an interface it would look like the following.
1 | interface BankAccount { |
If we were to write out the function type declaration for the ‘BankAccount’ constructor variable, it would have the following form.
1 | var BankAccount: new() => BankAccount; |
‘new’ 会调用 constructor. 函数类型可以同时有调用形式构造和构造函数.
1 | class BankAccount { |
不需要构造函数参数的形式.
1 | class BankAccount { |
The ‘public’ keyword 以为 retained as a field. 除了默认访问控制还有 private or protected 对于类成员. 静态类型检查会关注访问权限。
TypeScript classes also support inheritance, as in the following example.
1 | class CheckingAccount extends BankAccount { |
using the ‘super’ keyword 调用基类函数. 生成的 JavaScript code 之类会关联基类属性.
TypeScript classes may also specify static members. Static class members become properties of the class constructor.
Section 8 provides additional information about classes.
1.7 Enum Types
Summarize a set of numeric constants as an enum type.
1 | const enum Operator { |
the const
modifier 用于生成js代码 improves performance on many JavaScript engines.
For example, the ‘compute’ function could contain a switch statement like the following.
1 | switch (op) { |
building a jump table indexed by case value 实现 switch。
1.8 Overloading on String Parameters
TypeScript includes generic types, and overloading on string parameters.
1 | var span = document.createElement("span"); |
根据重载函数参数类型推断具有的属性.
Section 3.9.2.4 provides details on how to use string literals in function signatures.
1.9 Generic Types and Functions
generic types 准确捕获js库行为. type information to flow from client code, through library code, and back into client code, generic types may do more than any other TypeScript feature to support detailed API descriptions.
1 | interface Array<T> { |
接口 have one or more type parameters. optional parameter ‘compareFn’。
Functions can also have generic parameters.
1 | map<U>(func: (value: T, index: number, array: T[]) => U, thisArg?: any): U[]; |
The map method, invoked on an array ‘a’ with element type ‘T’, will apply function ‘func’ to each element of ‘a’, returning a value of type ‘U’.
1 | function numberToString(a: number[]) { |
In TypeScript, classes can also have type parameters.
1 | interface NamedItem { |
Section 3.7 provides further information about generic types.
1.10 Namespaces
TypeScript enforces encapsulation of implementation in classes at design time 但是运行时都可以访问。
In JavaScript, 使用闭包支持运行时封装.
The following example illustrates the JavaScript module pattern.
1 | (function(exports) { |
模块包括两个基本元素: a module closure and a module object. This augmentation 简化 dynamic loading of modules and also supports separation of module code into multiple files.
outer scope has assigned the module object to the variable ‘MessageModule’.
The following example shows the definition and use of a simple namespace.
1 | namespace M { |
If we were to describe the effect of namespace ‘M’ in terms of interfaces and variables, we would write
1 | interface M { |
TypeScript type names and variable names do not conflict (see section 2.3 for more details).
The TypeScript compiler emits the following JavaScript code for the namespace:
1 | var M; |
In this case, the compiler assumes that the namespace object resides in global variable ‘M’, which may or may not have been initialized to the desired namespace object.
1.11 Modules
TypeScript files that contain top-level export and import directives. 生成 down-level 兼容代码.
2 Basic Concepts
The remainder of this document is the formal specification of the TypeScript programming language and is intended to be read as an adjunct to the ECMAScript 2015 Language Specification (specifically, the ECMA-262 Standard, 6th Edition). This document describes the syntactic grammar added by TypeScript along with the compile-time processing and type checking performed by the TypeScript compiler, but it only minimally discusses the run-time behavior of programs since that is covered by the ECMAScript specification.
2.1 Grammar Conventions
The syntactic grammar added by TypeScript language is specified throughout this document using the existing conventions and production names of the ECMAScript grammar. In places where TypeScript augments an existing grammar production it is so noted. For example:
Declaration: ( Modified )
…
InterfaceDeclaration
TypeAliasDeclaration
EnumDeclaration
The ‘( Modified )‘ annotation indicates that an existing grammar production is being replaced, and the ‘…’ references the contents of the original grammar production.
Similar to the ECMAScript grammar, if the phrase “[no LineTerminator here]“ appears in the right-hand side of a production of the syntactic grammar, it indicates that the production is not a match if a LineTerminator occurs in the input stream at the indicated position.
2.2 Names
A core purpose of the TypeScript compiler is to track the named entities in a program and validate that they are used according to their designated meaning. Names in TypeScript can be written in several ways, depending on context. Specifically, a name can be written as
- an IdentifierName,
- a StringLiteral in a property name,
- a NumericLiteral in a property name, or
- a ComputedPropertyName that denotes a well-known symbol (2.2.3).
Most commonly, names are written to conform with the Identifier production, which is any IdentifierName that isn’t a reserved word.
2.2.1 Reserved Words
The following keywords are reserved and cannot be used as an Identifier:
1 | break case catch class |
The following keywords cannot be used as identifiers in strict mode code, but are otherwise not restricted:
1 | implements interface let package |
The following keywords cannot be used as user defined type names, but are otherwise not restricted:
1 | any boolean number string |
The following keywords have special meaning in certain contexts, but are valid identifiers:
1 | abstract as async await |
2.2.2 Property Names
The PropertyName production from the ECMAScript grammar is reproduced below:
PropertyName:
LiteralPropertyName
ComputedPropertyName
LiteralPropertyName:
IdentifierName
StringLiteral
NumericLiteral
ComputedPropertyName:
[
AssignmentExpression ]
A property name can be any identifier (including a reserved word), a string literal, a numeric literal, or a computed property name. String literals may be used to give properties names that are not valid identifiers, such as names containing blanks. Numeric literal property names are equivalent to string literal property names with the string representation of the numeric literal, as defined in the ECMAScript specification.
2.2.3 Computed Property Names
ECMAScript 2015 permits object literals and classes to declare members with computed property names. A computed property name specifies an expression that computes the actual property name at run-time. Because the final property name isn’t known at compile-time, TypeScript can only perform limited checks for entities declared with computed property names. However, a subset of computed property names known as well-known symbols can be used anywhere a PropertyName is expected, including property names within types. A computed property name is a well-known symbol if it is of the form
1 | [ Symbol . xxx ] |
In a well-known symbol, the identifier to the right of the dot must denote a property of the primitive type symbol
in the type of the global variable ‘Symbol’, or otherwise an error occurs.
In a PropertyName that specifies a ComputedPropertyName, the computed property name is required to denote a well-known symbol unless the property name occurs in a property assignment of an object literal (4.5) or a property member declaration in a non-ambient class (8.4).
Below is an example of an interface that declares a property with a well-known symbol name:
1 | interface Iterable<T> { |
TODO: Update to reflect treatment of computed property names with literal expressions.
2.3 Declarations
Declarations introduce names in their associated declaration spaces. A name must be unique in its declaration space and can denote a value, a type, or a namespace, or some combination thereof. Effectively, a single name can have as many as three distinct meanings. For example:
1 | var X: string; // Value named X |
A name that denotes a value has an associated type (section 3) and can be referenced in expressions (section 4.3). A name that denotes a type can be used by itself in a type reference or on the right hand side of a dot in a type reference (3.8.2). A name that denotes a namespace can be used one the left hand side of a dot in a type reference.
When a name with multiple meanings is referenced, the context in which the reference occurs determines the meaning. For example:
1 | var n: X; // X references type |
In the first line, X references the type X because it occurs in a type position. In the second line, the first X references the namespace X because it occurs before a dot in a type name, and the second X references the variable X because it occurs in an expression.
Declarations introduce the following meanings for the name they declare:
- A variable, parameter, function, generator, member variable, member function, member accessor, or enum member declaration introduces a value meaning.
- An interface, type alias, or type parameter declaration introduces a type meaning.
- A class declaration introduces a value meaning (the constructor function) and a type meaning (the class type).
- An enum declaration introduces a value meaning (the enum instance) and a type meaning (the enum type).
- A namespace declaration introduces a namespace meaning (the type and namespace container) and, if the namespace is instantiated (section 10.1), a value meaning (the namespace instance).
- An import or export declaration introduces the meaning(s) of the imported or exported entity.
Below are some examples of declarations that introduce multiple meanings for a name:
1 | class C { // Value and type named C |
Declaration spaces exist as follows:
- The global namespace, each module, and each declared namespace has a declaration space for its contained entities (whether local or exported).
- Each module has a declaration space for its exported entities. All export declarations in the module contribute to this declaration space.
- Each declared namespace has a declaration space for its exported entities. All export declarations in the namespace contribute to this declaration space. A declared namespace’s declaration space is shared with other declared namespaces that have the same root container and the same qualified name starting from that root container.
- Each class declaration has a declaration space for instance members and type parameters, and a declaration space for static members.
- Each interface declaration has a declaration space for members and type parameters. An interface’s declaration space is shared with other interfaces that have the same root container and the same qualified name starting from that root container.
- Each enum declaration has a declaration space for its enum members. An enum’s declaration space is shared with other enums that have the same root container and the same qualified name starting from that root container.
- Each type alias declaration has a declaration space for its type parameters.
- Each function-like declaration (including function declarations, constructor declarations, member function declarations, member accessor declarations, function expressions, and arrow functions) has a declaration space for locals and type parameters. This declaration space includes parameter declarations, all local var and function declarations, and local let, const, class, interface, type alias, and enum declarations that occur immediately within the function body and are not further nested in blocks.
- Each statement block has a declaration space for local let, const, class, interface, type alias, and enum declarations that occur immediately within that block.
- Each object literal has a declaration space for its properties.
- Each object type literal has a declaration space for its members.
Top-level declarations in a source file with no top-level import or export declarations belong to the global namespace. Top-level declarations in a source file with one or more top-level import or export declarations belong to the module represented by that source file.
The container of an entity is defined as follows:
- The container of an entity declared in a namespace declaration is that namespace declaration.
- The container of an entity declared in a module is that module.
- The container of an entity declared in the global namespace is the global namespace.
- The container of a module is the global namespace.
The root container of an entity is defined as follows:
- The root container of a non-exported entity is the entity’s container.
- The root container of an exported entity is the root container of the entity’s container.
Intuitively, the root container of an entity is the outermost module or namespace body from within which the entity is reachable.
Interfaces, enums, and namespaces are “open ended,” meaning that interface, enum, and namespace declarations with the same qualified name relative to a common root are automatically merged. For further details, see sections 7.2, 9.3, and 10.5.
Instance and static members in a class are in separate declaration spaces. Thus the following is permitted:
1 | class C { |
2.4 Scopes
The scope of a name is the region of program text within which it is possible to refer to the entity declared by that name without qualification of the name. The scope of a name depends on the context in which the name is declared. The contexts are listed below in order from outermost to innermost:
- The scope of a name declared in the global namespace is the entire program text.
- The scope of a name declared in a module is the source file of that module.
- The scope of an exported name declared within a namespace declaration is the body of that namespace declaration and every namespace declaration with the same root and the same qualified name relative to that root.
- The scope of a non-exported name declared within a namespace declaration is the body of that namespace declaration.
- The scope of a type parameter name declared in a class or interface declaration is that entire declaration, including constraints, extends clause, implements clause, and declaration body, but not including static member declarations.
- The scope of a type parameter name declared in a type alias declaration is that entire type alias declaration.
- The scope of a member name declared in an enum declaration is the body of that declaration and every enum declaration with the same root and the same qualified name relative to that root.
- The scope of a type parameter name declared in a call or construct signature is that entire signature declaration, including constraints, parameter list, and return type. If the signature is part of a function implementation, the scope includes the function body.
- The scope of a parameter name declared in a call or construct signature is the remainder of the signature declaration. If the signature is part of a function-like declaration with a body (including a function declaration, constructor declaration, member function declaration, member accessor declaration, function expression, or arrow function), the scope includes the body of that function-like declaration.
- The scope of a local var or function name declared anywhere in the body of a function-like declaration is the body of that function-like declaration.
- The scope of a local let, const, class, interface, type alias, or enum declaration declared immediately within the body of a function-like declaration is the body of that function-like declaration.
- The scope of a local let, const, class, interface, type alias, or enum declaration declared immediately within a statement block is the body of that statement block.
Scopes may overlap, for example through nesting of namespaces and functions. When the scopes of two names overlap, the name with the innermost declaration takes precedence and access to the outer name is either not possible or only possible by qualification.
When an identifier is resolved as a PrimaryExpression (section 4.3), only names in scope with a value meaning are considered and other names are ignored.
When an identifier is resolved as a TypeName (section 3.8.2), only names in scope with a type meaning are considered and other names are ignored.
When an identifier is resolved as a NamespaceName (section 3.8.2), only names in scope with a namespace meaning are considered and other names are ignored.
TODO: Include specific rules for alias resolution.
Note that class and interface members are never directly in scope—they can only be accessed by applying the dot (‘.’) operator to a class or interface instance. This even includes members of the current instance in a constructor or member function, which are accessed by applying the dot operator to this
.
As the rules above imply, locally declared entities in a namespace are closer in scope than exported entities declared in other namespace declarations for the same namespace. For example:
1 | var x = 1; |
3 Types
TypeScript adds optional static types to JavaScript. Types are used to place static constraints on program entities such as functions, variables, and properties so that compilers and development tools can offer better verification and assistance during software development. TypeScript’s static compile-time type system closely models the dynamic run-time type system of JavaScript, allowing programmers to accurately express the type relationships that are expected to exist when their programs run and have those assumptions pre-validated by the TypeScript compiler. TypeScript’s type analysis occurs entirely at compile-time and adds no run-time overhead to program execution.
All types in TypeScript are subtypes of a single top type called the Any type. The any
keyword references this type. The Any type is the one type that can represent any JavaScript value with no constraints. All other types are categorized as primitive types, object types, union types, intersection types, or type parameters. These types introduce various static constraints on their values.
The primitive types are the Number, Boolean, String, Symbol, Void, Null, and Undefined types along with user defined enum types. The number
, boolean
, string
, symbol
, and void
keywords reference the Number, Boolean, String, Symbol, and Void primitive types respectively. The Void type exists purely to indicate the absence of a value, such as in a function with no return value. It is not possible to explicitly reference the Null and Undefined types—only values of those types can be referenced, using the null
and undefined
literals.
The object types are all class, interface, array, tuple, function, and constructor types. Class and interface types are introduced through class and interface declarations and are referenced by the name given to them in their declarations. Class and interface types may be generic types which have one or more type parameters.
Union types represent values that have one of multiple types, and intersection types represent values that simultaneously have more than one type.
Declarations of classes, properties, functions, variables and other language entities associate types with those entities. The mechanism by which a type is formed and associated with a language entity depends on the particular kind of entity. For example, a namespace declaration associates the namespace with an anonymous type containing a set of properties corresponding to the exported variables and functions in the namespace, and a function declaration associates the function with an anonymous type containing a call signature corresponding to the parameters and return type of the function. Types can be associated with variables through explicit type annotations, such as
1 | var x: number; |
or through implicit type inference, as in
1 | var x = 1; |
which infers the type of ‘x’ to be the Number primitive type because that is the type of the value used to initialize ‘x’.
3.1 The Any Type
The Any type is used to represent any JavaScript value. A value of the Any type supports the same operations as a value in JavaScript and minimal static type checking is performed for operations on Any values. Specifically, properties of any name can be accessed through an Any value and Any values can be called as functions or constructors with any argument list.
The any
keyword references the Any type. In general, in places where a type is not explicitly provided and TypeScript cannot infer one, the Any type is assumed.
The Any type is a supertype of all types, and is assignable to and from all types.
Some examples:
1 | var x: any; // Explicitly typed |
3.2 Primitive Types
The primitive types are the Number, Boolean, String, Symbol, Void, Null, and Undefined types and all user defined enum types.
3.2.1 The Number Type
The Number primitive type corresponds to the similarly named JavaScript primitive type and represents double-precision 64-bit format IEEE 754 floating point values.
The number
keyword references the Number primitive type and numeric literals may be used to write values of the Number primitive type.
For purposes of determining type relationships (section 3.11) and accessing properties (section 4.13), the Number primitive type behaves as an object type with the same properties as the global interface type ‘Number’.
Some examples:
1 | var x: number; // Explicitly typed |
3.2.2 The Boolean Type
The Boolean primitive type corresponds to the similarly named JavaScript primitive type and represents logical values that are either true or false.
The boolean
keyword references the Boolean primitive type and the true
and false
literals reference the two Boolean truth values.
For purposes of determining type relationships (section 3.11) and accessing properties (section 4.13), the Boolean primitive type behaves as an object type with the same properties as the global interface type ‘Boolean’.
Some examples:
1 | var b: boolean; // Explicitly typed |
3.2.3 The String Type
The String primitive type corresponds to the similarly named JavaScript primitive type and represents sequences of characters stored as Unicode UTF-16 code units.
The string
keyword references the String primitive type and string literals may be used to write values of the String primitive type.
For purposes of determining type relationships (section 3.11) and accessing properties (section 4.13), the String primitive type behaves as an object type with the same properties as the global interface type ‘String’.
Some examples:
1 | var s: string; // Explicitly typed |
3.2.4 The Symbol Type
The Symbol primitive type corresponds to the similarly named JavaScript primitive type and represents unique tokens that may be used as keys for object properties.
The symbol
keyword references the Symbol primitive type. Symbol values are obtained using the global object ‘Symbol’ which has a number of methods and properties and can be invoked as a function. In particular, the global object ‘Symbol’ defines a number of well-known symbols (2.2.3) that can be used in a manner similar to identifiers. Note that the ‘Symbol’ object is available only in ECMAScript 2015 environments.
For purposes of determining type relationships (section 3.11) and accessing properties (section 4.13), the Symbol primitive type behaves as an object type with the same properties as the global interface type ‘Symbol’.
Some examples:
1 | var secretKey = Symbol(); |
3.2.5 The Void Type
The Void type, referenced by the void
keyword, represents the absence of a value and is used as the return type of functions with no return value.
The only possible values for the Void type are null
and undefined
. The Void type is a subtype of the Any type and a supertype of the Null and Undefined types, but otherwise Void is unrelated to all other types.
NOTE: We might consider disallowing declaring variables of type Void as they serve no useful purpose. However, because Void is permitted as a type argument to a generic type or function it is not feasible to disallow Void properties or parameters.
3.2.6 The Null Type
The Null type corresponds to the similarly named JavaScript primitive type and is the type of the null
literal.
The null
literal references the one and only value of the Null type. It is not possible to directly reference the Null type itself.
The Null type is a subtype of all types, except the Undefined type. This means that null
is considered a valid value for all primitive types, object types, union types, intersection types, and type parameters, including even the Number and Boolean primitive types.
Some examples:
1 | var n: number = null; // Primitives can be null |
3.2.7 The Undefined Type
The Undefined type corresponds to the similarly named JavaScript primitive type and is the type of the undefined
literal.
The undefined
literal denotes the value given to all uninitialized variables and is the one and only value of the Undefined type. It is not possible to directly reference the Undefined type itself.
The undefined type is a subtype of all types. This means that undefined
is considered a valid value for all primitive types, object types, union types, intersection types, and type parameters.
Some examples:
1 | var n: number; // Same as n: number = undefined |
3.2.8 Enum Types
Enum types are distinct user defined subtypes of the Number primitive type. Enum types are declared using enum declarations (section 9.1) and referenced using type references (section 3.8.2).
Enum types are assignable to the Number primitive type, and vice versa, but different enum types are not assignable to each other.
3.2.9 String Literal Types
Specialized signatures (section 3.9.2.4) permit string literals to be used as types in parameter type annotations. String literal types are permitted only in that context and nowhere else.
All string literal types are subtypes of the String primitive type.
TODO: Update to reflect expanded support for string literal types.
3.3 Object Types
Object types are composed from properties, call signatures, construct signatures, and index signatures, collectively called members.
Class and interface type references, array types, tuple types, function types, and constructor types are all classified as object types. Multiple constructs in the TypeScript language create object types, including:
- Object type literals (section 3.8.3).
- Array type literals (section 3.8.4).
- Tuple type literals (section 3.8.5).
- Function type literals (section 3.8.8).
- Constructor type literals (section 3.8.9).
- Object literals (section 4.5).
- Array literals (section 4.6).
- Function expressions (section 4.10) and function declarations (6.1).
- Constructor function types created by class declarations (section 8.2.5).
- Namespace instance types created by namespace declarations (section 10.3).
3.3.1 Named Type References
Type references (section 3.8.2) to class and interface types are classified as object types. Type references to generic class and interface types include type arguments that are substituted for the type parameters of the class or interface to produce an actual object type.
3.3.2 Array Types
Array types represent JavaScript arrays with a common element type. Array types are named type references created from the generic interface type ‘Array’ in the global namespace with the array element type as a type argument. Array type literals (section 3.8.4) provide a shorthand notation for creating such references.
The declaration of the ‘Array’ interface includes a property ‘length’ and a numeric index signature for the element type, along with other members:
1 | interface Array<T> { |
Array literals (section 4.6) may be used to create values of array types. For example
1 | var a: string[] = ["hello", "world"]; |
A type is said to be an array-like type if it is assignable (section 3.11.4) to the type any[]
.
3.3.3 Tuple Types
Tuple types represent JavaScript arrays with individually tracked element types. Tuple types are written using tuple type literals (section 3.8.5). A tuple type combines a set of numerically named properties with the members of an array type. Specifically, a tuple type
1 | [ T0, T1, ..., Tn ] |
combines the set of properties
1 | { |
with the members of an array type whose element type is the union type (section 3.4) of the tuple element types.
Array literals (section 4.6) may be used to create values of tuple types. For example:
1 | var t: [number, string] = [3, "three"]; |
Named tuple types can be created by declaring interfaces that derive from Array<T> and introduce numerically named properties. For example:
1 | interface KeyValuePair<K, V> extends Array<K | V> { 0: K; 1: V; } |
A type is said to be a tuple-like type if it has a property with the numeric name ‘0’.
3.3.4 Function Types
An object type containing one or more call signatures is said to be a function type. Function types may be written using function type literals (section 3.8.8) or by including call signatures in object type literals.
3.3.5 Constructor Types
An object type containing one or more construct signatures is said to be a constructor type. Constructor types may be written using constructor type literals (section 3.8.9) or by including construct signatures in object type literals.
3.3.6 Members
Every object type is composed from zero or more of the following kinds of members:
- Properties, which define the names and types of the properties of objects of the given type. Property names are unique within their type.
- Call signatures, which define the possible parameter lists and return types associated with applying call operations to objects of the given type.
- Construct signatures, which define the possible parameter lists and return types associated with applying the
new
operator to objects of the given type. - Index signatures, which define type constraints for properties in the given type. An object type can have at most one string index signature and one numeric index signature.
Properties are either public, private, or protected and are either required or optional:
- Properties in a class declaration may be designated public, private, or protected, while properties declared in other contexts are always considered public. Private members are only accessible within their declaring class, as described in section 8.2.2, and private properties match only themselves in subtype and assignment compatibility checks, as described in section 3.11. Protected members are only accessible within their declaring class and classes derived from it, as described in section 8.2.2, and protected properties match only themselves and overrides in subtype and assignment compatibility checks, as described in section 3.11.
- Properties in an object type literal or interface declaration may be designated required or optional, while properties declared in other contexts are always considered required. Properties that are optional in the target type of an assignment may be omitted from source objects, as described in section 3.11.4.
Call and construct signatures may be specialized (section 3.9.2.4) by including parameters with string literal types. Specialized signatures are used to express patterns where specific string values for some parameters cause the types of other parameters or the function result to become further specialized.
3.4 Union Types
Union types represent values that may have one of several distinct representations. A value of a union type A | B is a value that is either of type A or type B. Union types are written using union type literals (section 3.8.6).
A union type encompasses an ordered set of constituent types. While it is generally true that A | B is equivalent to B | A, the order of the constituent types may matter when determining the call and construct signatures of the union type.
Union types have the following subtype relationships:
- A union type U is a subtype of a type T if each type in U is a subtype of T.
- A type T is a subtype of a union type U if T is a subtype of any type in U.
Similarly, union types have the following assignability relationships:
- A union type U is assignable to a type T if each type in U is assignable to T.
- A type T is assignable to a union type U if T is assignable to any type in U.
The || and conditional operators (section 4.19.7 and 4.20) may produce values of union types, and array literals (section 4.6) may produce array values that have union types as their element types.
Type guards (section 4.24) may be used to narrow a union type to a more specific type. In particular, type guards are useful for narrowing union type values to a non-union type values.
In the example
1 | var x: string | number; |
it is possible to assign ‘x’ a value of type string
, number
, or the union type string | number
, but not any other type. To access a value in ‘x’, a type guard can be used to first narrow the type of ‘x’ to either string
or number
:
1 | var n = typeof x === "string" ? x.length : x; // Type of n is number |
For purposes of property access and function calls, the apparent members (section 3.11.1) of a union type are those that are present in every one of its constituent types, with types that are unions of the respective apparent members in the constituent types. The following example illustrates the merging of member types that occurs when union types are created from object types.
1 | interface A { |
Note that ‘x.a’ has a union type because the type of ‘a’ is different in ‘A’ and ‘B’, whereas ‘x.b’ simply has type number because that is the type of ‘b’ in both ‘A’ and ‘B’. Also note that there is no property ‘x.c’ because only ‘B’ has a property ‘c’.
When used as a contextual type (section 4.23), a union type has those members that are present in any of its constituent types, with types that are unions of the respective members in the constituent types. Specifically, a union type used as a contextual type has the apparent members defined in section 3.11.1, except that a particular member need only be present in one or more constituent types instead of all constituent types.
3.5 Intersection Types
Intersection types represent values that simultaneously have multiple types. A value of an intersection type A & B is a value that is both of type A and type B. Intersection types are written using intersection type literals (section 3.8.7).
An intersection type encompasses an ordered set of constituent types. While it is generally true that A & B is equivalent to B & A, the order of the constituent types may matter when determining the call and construct signatures of the intersection type.
Intersection types have the following subtype relationships:
- An intersection type I is a subtype of a type T if any type in I is a subtype of T.
- A type T is a subtype of an intersection type I if T is a subtype of each type in I.
Similarly, intersection types have the following assignability relationships:
- An intersection type I is assignable to a type T if any type in I is assignable to T.
- A type T is assignable to an intersection type I if T is assignable to each type in I.
For purposes of property access and function calls, the apparent members (section 3.11.1) of an intersection type are those that are present in one or more of its constituent types, with types that are intersections of the respective apparent members in the constituent types. The following examples illustrate the merging of member types that occurs when intersection types are created from object types.
1 | interface A { a: number } |
The union and intersection type operators can be applied to type parameters. This capability can for example be used to model functions that merge objects:
1 | function extend<T, U>(first: T, second: U): T & U { |
It is possible to create intersection types for which no values other than null or undefined are possible. For example, intersections of primitive types such as string & number
fall into this category.
3.6 Type Parameters
A type parameter represents an actual type that the parameter is bound to in a generic type reference or a generic function call. Type parameters have constraints that establish upper bounds for their actual type arguments.
Since a type parameter represents a multitude of different type arguments, type parameters have certain restrictions compared to other types. In particular, a type parameter cannot be used as a base class or interface.
3.6.1 Type Parameter Lists
Class, interface, type alias, and function declarations may optionally include lists of type parameters enclosed in < and > brackets. Type parameters are also permitted in call signatures of object, function, and constructor type literals.
TypeParameters:
<
TypeParameterList >
TypeParameterList:
TypeParameter
TypeParameterList ,
TypeParameter
TypeParameter:
BindingIdentifier Constraintopt
Constraint:
extends
Type
Type parameter names must be unique. A compile-time error occurs if two or more type parameters in the same TypeParameterList have the same name.
The scope of a type parameter extends over the entire declaration with which the type parameter list is associated, with the exception of static member declarations in classes.
A type parameter may have an associated type parameter constraint that establishes an upper bound for type arguments. Type parameters may be referenced in type parameter constraints within the same type parameter list, including even constraint declarations that occur to the left of the type parameter.
The base constraint of a type parameter T is defined as follows:
- If T has no declared constraint, T‘s base constraint is the empty object type
{}
. - If T‘s declared constraint is a type parameter, T‘s base constraint is that of the type parameter.
- Otherwise, T‘s base constraint is T‘s declared constraint.
In the example
1 | interface G<T, U extends V, V extends Function> { } |
the base constraint of ‘T’ is the empty object type and the base constraint of ‘U’ and ‘V’ is ‘Function’.
For purposes of determining type relationships (section 3.11), type parameters appear to be subtypes of their base constraint. Likewise, in property accesses (section 4.13), new
operations (section 4.14), and function calls (section 4.15), type parameters appear to have the members of their base constraint, but no other members.
It is an error for a type parameter to directly or indirectly be a constraint for itself. For example, both of the following declarations are invalid:
1 | interface A<T extends T> { } |
3.6.2 Type Argument Lists
A type reference (section 3.8.2) to a generic type must include a list of type arguments enclosed in angle brackets and separated by commas. Similarly, a call (section 4.15) to a generic function may explicitly include a type argument list instead of relying on type inference.
TypeArguments:
<
TypeArgumentList >
TypeArgumentList:
TypeArgument
TypeArgumentList ,
TypeArgument
TypeArgument:
Type
Type arguments correspond one-to-one with type parameters of the generic type or function being referenced. A type argument list is required to specify exactly one type argument for each corresponding type parameter, and each type argument for a constrained type parameter is required to satisfy the constraint of that type parameter. A type argument satisfies a type parameter constraint if the type argument is assignable to (section 3.11.4) the constraint type once type arguments are substituted for type parameters.
Given the declaration
1 | interface G<T, U extends Function> { } |
a type reference of the form ‘G<A, B>’ places no requirements on ‘A’ but requires ‘B’ to be assignable to ‘Function’.
The process of substituting type arguments for type parameters in a generic type or generic signature is known as instantiating the generic type or signature. Instantiation of a generic type or signature can fail if the supplied type arguments do not satisfy the constraints of their corresponding type parameters.
3.6.3 This-types
Every class and interface has a this-type that represents the actual type of instances of the class or interface within the declaration of the class or interface. The this-type is referenced using the keyword this
in a type position. Within instance methods and constructors of a class, the type of the expression this
(section 4.2) is the this-type of the class.
Classes and interfaces support inheritance and therefore the instance represented by this
in a method isn’t necessarily an instance of the containing class—it may in fact be an instance of a derived class or interface. To model this relationship, the this-type of a class or interface is classified as a type parameter. Unlike other type parameters, it is not possible to explicitly pass a type argument for a this-type. Instead, in a type reference to a class or interface type, the type reference itself is implicitly passed as a type argument for the this-type. For example:
1 | class A { |
In the declaration of b
above, the type reference B
is itself passed as a type argument for B’s this-type. Thus, the referenced type is an instantiation of class B
where all occurrences of the type this
are replaced with B
, and for that reason the foo
method of B
actually returns B
(as opposed to A
).
The this-type of a given class or interface type C implicitly has a constraint consisting of a type reference to C with C‘s own type parameters passed as type arguments and with that type reference passed as the type argument for the this-type.
3.7 Named Types
Classes, interfaces, enums, and type aliases are named types that are introduced through class declarations (section 8.1), interface declarations (section 7.1), enum declarations (9.1), and type alias declarations (section 3.10). Classes, interfaces, and type aliases may have type parameters and are then called generic types. Conversely, named types without type parameters are called non-generic types.
Interface declarations only introduce named types, whereas class declarations introduce named types and constructor functions that create instances of implementations of those named types. The named types introduced by class and interface declarations have only minor differences (classes can’t declare optional members and interfaces can’t declare private or protected members) and are in most contexts interchangeable. In particular, class declarations with only public members introduce named types that function exactly like those created by interface declarations.
Named types are referenced through type references (section 3.8.2) that specify a type name and, if applicable, the type arguments to be substituted for the type parameters of the named type.
Named types are technically not types—only references to named types are. This distinction is particularly evident with generic types: Generic types are “templates” from which multiple actual types can be created by writing type references that supply type arguments to substitute in place of the generic type’s type parameters. This substitution process is known as instantiating a generic type. Only once a generic type is instantiated does it denote an actual type.
TypeScript has a structural type system, and therefore an instantiation of a generic type is indistinguishable from an equivalent manually written expansion. For example, given the declaration
1 | interface Pair<T1, T2> { first: T1; second: T2; } |
the type reference
1 | Pair<string, Entity> |
is indistinguishable from the type
1 | { first: string; second: Entity; } |
3.8 Specifying Types
Types are specified either by referencing their keyword or name, or by writing object type literals, array type literals, tuple type literals, function type literals, constructor type literals, or type queries.
Type:
UnionOrIntersectionOrPrimaryType
FunctionType
ConstructorType
UnionOrIntersectionOrPrimaryType:
UnionType
IntersectionOrPrimaryType
IntersectionOrPrimaryType:
IntersectionType
PrimaryType
PrimaryType:
ParenthesizedType
PredefinedType
TypeReference
ObjectType
ArrayType
TupleType
TypeQuery
ThisType
ParenthesizedType:
(
Type )
Parentheses are required around union, intersection, function, or constructor types when they are used as array element types; around union, function, or constructor types in intersection types; and around function or constructor types in union types. For example:
1 | (string | number)[] |
The different forms of type notations are described in the following sections.
3.8.1 Predefined Types
The any
, number
, boolean
, string
, symbol
and void
keywords reference the Any type and the Number, Boolean, String, Symbol, and Void primitive types respectively.
PredefinedType:
any
number
boolean
string
symbol
void
The predefined type keywords are reserved and cannot be used as names of user defined types.
3.8.2 Type References
A type reference references a named type or type parameter through its name and, in the case of a generic type, supplies a type argument list.
TypeReference:
TypeName [no LineTerminator here] TypeArgumentsopt
TypeName:
IdentifierReference
NamespaceName .
IdentifierReference
NamespaceName:
IdentifierReference
NamespaceName .
IdentifierReference
A TypeReference consists of a TypeName that a references a named type or type parameter. A reference to a generic type must be followed by a list of TypeArguments (section 3.6.2).
A TypeName is either a single identifier or a sequence of identifiers separated by dots. In a type name, all identifiers but the last one refer to namespaces and the last identifier refers to a named type.
Resolution of a TypeName consisting of a single identifier is described in section 2.4.
Resolution of a TypeName of the form N.X, where N is a NamespaceName and X is an IdentifierReference, proceeds by first resolving the namespace name N. If the resolution of N is successful and the export member set (sections 10.4 and 11.3.4.4) of the resulting namespace contains a named type X, then N.X refers to that member. Otherwise, N.X is undefined.
Resolution of a NamespaceName consisting of a single identifier is described in section 2.4. Identifiers declared in namespace declarations (section 10.1) or import declarations (sections 10.3, 11.3.2, and 11.3.3) may be classified as namespaces.
Resolution of a NamespaceName of the form N.X, where N is a NamespaceName and X is an IdentifierReference, proceeds by first resolving the namespace name N. If the resolution of N is successful and the export member set (sections 10.4 and 11.3.4.4) of the resulting namespace contains an exported namespace member X, then N.X refers to that member. Otherwise, N.X is undefined.
A type reference to a generic type is required to specify exactly one type argument for each type parameter of the referenced generic type, and each type argument must be assignable to (section 3.11.4) the constraint of the corresponding type parameter or otherwise an error occurs. An example:
1 | interface A { a: string; } |
A type argument is simply a Type and may itself be a type reference to a generic type, as demonstrated by ‘v4’ in the example above.
As described in section 3.7, a type reference to a generic type G designates a type wherein all occurrences of G‘s type parameters have been replaced with the actual type arguments supplied in the type reference. For example, the declaration of ‘v1’ above is equivalent to:
1 | var v1: { |
3.8.3 Object Type Literals
An object type literal defines an object type by specifying the set of members that are statically considered to be present in instances of the type. Object type literals can be given names using interface declarations but are otherwise anonymous.
ObjectType:
{
TypeBodyopt }
TypeBody:
TypeMemberList ;
opt
TypeMemberList ,
opt
TypeMemberList:
TypeMember
TypeMemberList ;
TypeMember
TypeMemberList ,
TypeMember
TypeMember:
PropertySignature
CallSignature
ConstructSignature
IndexSignature
MethodSignature
The members of an object type literal are specified as a combination of property, call, construct, index, and method signatures. Object type members are described in section 3.9.
3.8.4 Array Type Literals
An array type literal is written as an element type followed by an open and close square bracket.
ArrayType:
PrimaryType [no LineTerminator here] [
]
An array type literal references an array type (section 3.3.2) with the given element type. An array type literal is simply shorthand notation for a reference to the generic interface type ‘Array’ in the global namespace with the element type as a type argument.
When union, intersection, function, or constructor types are used as array element types they must be enclosed in parentheses. For example:
1 | (string | number)[] |
Alternatively, array types can be written using the ‘Array<T>’ notation. For example, the types above are equivalent to
1 | Array<string | number> |
3.8.5 Tuple Type Literals
A tuple type literal is written as a sequence of element types, separated by commas and enclosed in square brackets.
TupleType:
[
TupleElementTypes ]
TupleElementTypes:
TupleElementType
TupleElementTypes ,
TupleElementType
TupleElementType:
Type
A tuple type literal references a tuple type (section 3.3.3).
3.8.6 Union Type Literals
A union type literal is written as a sequence of types separated by vertical bars.
UnionType:
UnionOrIntersectionOrPrimaryType |
IntersectionOrPrimaryType
A union type literal references a union type (section 3.4).
3.8.7 Intersection Type Literals
An intersection type literal is written as a sequence of types separated by ampersands.
IntersectionType:
IntersectionOrPrimaryType &
PrimaryType
An intersection type literal references an intersection type (section 3.5).
3.8.8 Function Type Literals
A function type literal specifies the type parameters, regular parameters, and return type of a call signature.
FunctionType:
TypeParametersopt (
ParameterListopt )
=>
Type
A function type literal is shorthand for an object type containing a single call signature. Specifically, a function type literal of the form
1 | < T1, T2, ... > ( p1, p2, ... ) => R |
is exactly equivalent to the object type literal
1 | { < T1, T2, ... > ( p1, p2, ... ) : R } |
Note that function types with multiple call or construct signatures cannot be written as function type literals but must instead be written as object type literals.
3.8.9 Constructor Type Literals
A constructor type literal specifies the type parameters, regular parameters, and return type of a construct signature.
ConstructorType:
new
TypeParametersopt (
ParameterListopt )
=>
Type
A constructor type literal is shorthand for an object type containing a single construct signature. Specifically, a constructor type literal of the form
1 | new < T1, T2, ... > ( p1, p2, ... ) => R |
is exactly equivalent to the object type literal
1 | { new < T1, T2, ... > ( p1, p2, ... ) : R } |
Note that constructor types with multiple construct signatures cannot be written as constructor type literals but must instead be written as object type literals.
3.8.10 Type Queries
A type query obtains the type of an expression.
TypeQuery:
typeof
TypeQueryExpression
TypeQueryExpression:
IdentifierReference
TypeQueryExpression .
IdentifierName
A type query consists of the keyword typeof
followed by an expression. The expression is restricted to a single identifier or a sequence of identifiers separated by periods. The expression is processed as an identifier expression (section 4.3) or property access expression (section 4.13), the widened type (section 3.12) of which becomes the result. Similar to other static typing constructs, type queries are erased from the generated JavaScript code and add no run-time overhead.
Type queries are useful for capturing anonymous types that are generated by various constructs such as object literals, function declarations, and namespace declarations. For example:
1 | var a = { x: 10, y: 20 }; |
Above, ‘b’ is given the same type as ‘a’, namely { x: number; y: number; }
.
If a declaration includes a type annotation that references the entity being declared through a circular path of type queries or type references containing type queries, the resulting type is the Any type. For example, all of the following variables are given the type Any:
1 | var c: typeof c; |
However, if a circular path of type queries includes at least one ObjectType, FunctionType or ConstructorType, the construct denotes a recursive type:
1 | var g: { x: typeof g; }; |
Here, ‘g’ and ‘g.x’ have the same recursive type, and likewise ‘h’ and ‘h()’ have the same recursive type.
3.8.11 This-Type References
The this
keyword is used to reference the this-type (section 3.6.3) of a class or interface.
ThisType:
this
The meaning of a ThisType depends on the closest enclosing FunctionDeclaration, FunctionExpression, PropertyDefinition, ClassElement, or TypeMember, known as the root declaration of the ThisType, as follows:
- When the root declaration is an instance member or constructor of a class, the ThisType references the this-type of that class.
- When the root declaration is a member of an interface type, the ThisType references the this-type of that interface.
- Otherwise, the ThisType is an error.
Note that in order to avoid ambiguities it is not possible to reference the this-type of a class or interface in a nested object type literal. In the example
1 | interface ListItem { |
the this
references on the last line are in error because their root declarations are not members of a class or interface. The recommended way to reference the this-type of an outer class or interface in an object type literal is to declare an intermediate generic type and pass this
as a type argument. For example:
1 | type HeadAndTail<T> = { head: T, tail: T }; |
3.9 Specifying Members
The members of an object type literal (section 3.8.3) are specified as a combination of property, call, construct, index, and method signatures.
3.9.1 Property Signatures
A property signature declares the name and type of a property member.
PropertySignature:
PropertyName ?
opt TypeAnnotationopt
TypeAnnotation:
:
Type
The PropertyName (2.2.2) of a property signature must be unique within its containing type, and must denote a well-known symbol if it is a computed property name (2.2.3). If the property name is followed by a question mark, the property is optional. Otherwise, the property is required.
If a property signature omits a TypeAnnotation, the Any type is assumed.
3.9.2 Call Signatures
A call signature defines the type parameters, parameter list, and return type associated with applying a call operation (section 4.15) to an instance of the containing type. A type may overload call operations by defining multiple different call signatures.
CallSignature:
TypeParametersopt (
ParameterListopt )
TypeAnnotationopt
A call signature that includes TypeParameters (section 3.6.1) is called a generic call signature. Conversely, a call signature with no TypeParameters is called a non-generic call signature.
As well as being members of object type literals, call signatures occur in method signatures (section 3.9.5), function expressions (section 4.10), and function declarations (section 6.1).
An object type containing call signatures is said to be a function type.
3.9.2.1 Type Parameters
Type parameters (section 3.6.1) in call signatures provide a mechanism for expressing the relationships of parameter and return types in call operations. For example, a signature might introduce a type parameter and use it as both a parameter type and a return type, in effect describing a function that returns a value of the same type as its argument.
Type parameters may be referenced in parameter types and return type annotations, but not in type parameter constraints, of the call signature in which they are introduced.
Type arguments (section 3.6.2) for call signature type parameters may be explicitly specified in a call operation or may, when possible, be inferred (section 4.15.2) from the types of the regular arguments in the call. An instantiation of a generic call signature for a particular set of type arguments is the call signature formed by replacing each type parameter with its corresponding type argument.
Some examples of call signatures with type parameters follow below.
A function taking an argument of any type, returning a value of that same type:
1 | <T>(x: T): T |
A function taking two values of the same type, returning an array of that type:
1 | <T>(x: T, y: T): T[] |
A function taking two arguments of different types, returning an object with properties ‘x’ and ‘y’ of those types:
1 | <T, U>(x: T, y: U): { x: T; y: U; } |
A function taking an array of one type and a function argument, returning an array of another type, where the function argument takes a value of the first array element type and returns a value of the second array element type:
1 | <T, U>(a: T[], f: (x: T) => U): U[] |
3.9.2.2 Parameter List
A signature’s parameter list consists of zero or more required parameters, followed by zero or more optional parameters, finally followed by an optional rest parameter.
ParameterList:
RequiredParameterList
OptionalParameterList
RestParameter
RequiredParameterList ,
OptionalParameterList
RequiredParameterList ,
RestParameter
OptionalParameterList ,
RestParameter
RequiredParameterList ,
OptionalParameterList ,
RestParameter
RequiredParameterList:
RequiredParameter
RequiredParameterList ,
RequiredParameter
RequiredParameter:
AccessibilityModifieropt BindingIdentifierOrPattern TypeAnnotationopt
BindingIdentifier :
StringLiteral
AccessibilityModifier:
public
private
protected
BindingIdentifierOrPattern:
BindingIdentifier
BindingPattern
OptionalParameterList:
OptionalParameter
OptionalParameterList ,
OptionalParameter
OptionalParameter:
AccessibilityModifieropt BindingIdentifierOrPattern ?
TypeAnnotationopt
AccessibilityModifieropt BindingIdentifierOrPattern TypeAnnotationopt Initializer
BindingIdentifier ?
:
StringLiteral
RestParameter:
...
BindingIdentifier TypeAnnotationopt
A parameter declaration may specify either an identifier or a binding pattern (5.2.2). The identifiers specified in parameter declarations and binding patterns in a parameter list must be unique within that parameter list.
The type of a parameter in a signature is determined as follows:
- If the declaration includes a type annotation, the parameter is of that type.
- Otherwise, if the declaration includes an initializer expression (which is permitted only when the parameter list occurs in conjunction with a function body), the parameter type is the widened form (section 3.12) of the type of the initializer expression.
- Otherwise, if the declaration specifies a binding pattern, the parameter type is the implied type of that binding pattern (section 5.2.3).
- Otherwise, if the parameter is a rest parameter, the parameter type is
any[]
. - Otherwise, the parameter type is
any
.
A parameter is permitted to include a public
, private
, or protected
modifier only if it occurs in the parameter list of a ConstructorImplementation (section 8.3.1) and only if it doesn’t specify a BindingPattern.
A type annotation for a rest parameter must denote an array type.
When a parameter type annotation specifies a string literal type, the containing signature is a specialized signature (section 3.9.2.4). Specialized signatures are not permitted in conjunction with a function body, i.e. the FunctionExpression, FunctionImplementation, MemberFunctionImplementation, and ConstructorImplementation grammar productions do not permit parameters with string literal types.
A parameter can be marked optional by following its name or binding pattern with a question mark (?
) or by including an initializer. Initializers (including binding property or element initializers) are permitted only when the parameter list occurs in conjunction with a function body, i.e. only in a FunctionExpression, FunctionImplementation, MemberFunctionImplementation, or ConstructorImplementation grammar production.
TODO: Update to reflect binding parameter cannot be optional in implementation signature.
TODO: Update to reflect required parameters support initializers.
3.9.2.3 Return Type
If present, a call signature’s return type annotation specifies the type of the value computed and returned by a call operation. A void
return type annotation is used to indicate that a function has no return value.
When a call signature with no return type annotation occurs in a context without a function body, the return type is assumed to be the Any type.
When a call signature with no return type annotation occurs in a context that has a function body (specifically, a function implementation, a member function implementation, or a member accessor declaration), the return type is inferred from the function body as described in section 6.3.
3.9.2.4 Specialized Signatures
When a parameter type annotation specifies a string literal type (section 3.2.9), the containing signature is considered a specialized signature. Specialized signatures are used to express patterns where specific string values for some parameters cause the types of other parameters or the function result to become further specialized. For example, the declaration
1 | interface Document { |
states that calls to ‘createElement’ with the string literals “div”, “span”, and “canvas” return values of type ‘HTMLDivElement’, ‘HTMLSpanElement’, and ‘HTMLCanvasElement’ respectively, and that calls with all other string expressions return values of type ‘HTMLElement’.
When writing overloaded declarations such as the one above it is important to list the non-specialized signature last. This is because overload resolution (section 4.15.1) processes the candidates in declaration order and picks the first one that matches.
Every specialized call or construct signature in an object type must be assignable to at least one non-specialized call or construct signature in the same object type (where a call signature A is considered assignable to another call signature B if an object type containing only A would be assignable to an object type containing only B). For example, the ‘createElement’ property in the example above is of a type that contains three specialized signatures, all of which are assignable to the non-specialized signature in the type.
3.9.3 Construct Signatures
A construct signature defines the parameter list and return type associated with applying the new
operator (section 4.14) to an instance of the containing type. A type may overload new
operations by defining multiple construct signatures with different parameter lists.
ConstructSignature:
new
TypeParametersopt (
ParameterListopt )
TypeAnnotationopt
The type parameters, parameter list, and return type of a construct signature are subject to the same rules as a call signature.
A type containing construct signatures is said to be a constructor type.
3.9.4 Index Signatures
An index signature defines a type constraint for properties in the containing type.
IndexSignature:
[
BindingIdentifier :
string
]
TypeAnnotation
[
BindingIdentifier :
number
]
TypeAnnotation
There are two kinds of index signatures:
- String index signatures, specified using index type
string
, define type constraints for all properties and numeric index signatures in the containing type. Specifically, in a type with a string index signature of type T, all properties and numeric index signatures must have types that are assignable to T. - Numeric index signatures, specified using index type
number
, define type constraints for all numerically named properties in the containing type. Specifically, in a type with a numeric index signature of type T, all numerically named properties must have types that are assignable to T.
A numerically named property is a property whose name is a valid numeric literal. Specifically, a property with a name N for which ToString(ToNumber(N)) is identical to N, where ToString and ToNumber are the abstract operations defined in ECMAScript specification.
An object type can contain at most one string index signature and one numeric index signature.
Index signatures affect the determination of the type that results from applying a bracket notation property access to an instance of the containing type, as described in section 4.13.
3.9.5 Method Signatures
A method signature is shorthand for declaring a property of a function type.
MethodSignature:
PropertyName ?
opt CallSignature
If the PropertyName is a computed property name (2.2.3), it must specify a well-known symbol. If the PropertyName is followed by a question mark, the property is optional. Otherwise, the property is required. Only object type literals and interfaces can declare optional properties.
A method signature of the form
1 | f < T1, T2, ... > ( p1, p2, ... ) : R |
is equivalent to the property declaration
1 | f : { < T1, T2, ... > ( p1, p2, ... ) : R } |
A literal type may overload a method by declaring multiple method signatures with the same name but differing parameter lists. Overloads must either all be required (question mark omitted) or all be optional (question mark included). A set of overloaded method signatures correspond to a declaration of a single property with a type composed from an equivalent set of call signatures. Specifically
1 | f < T1, T2, ... > ( p1, p2, ... ) : R ; |
is equivalent to
1 | f : { |
In the following example of an object type
1 | { |
the properties ‘func1’, ‘func2’, and ‘func3’ are all of the same type, namely an object type with a single call signature taking a number and returning a number. Likewise, in the object type
1 | { |
the properties ‘func4’ and ‘func5’ are of the same type, namely an object type with two call signatures taking and returning number and string respectively.
3.10 Type Aliases
A type alias declaration introduces a type alias in the containing declaration space.
TypeAliasDeclaration:
type
BindingIdentifier TypeParametersopt =
Type ;
A type alias serves as an alias for the type specified in the type alias declaration. Unlike an interface declaration, which always introduces a named object type, a type alias declaration can introduce a name for any kind of type, including primitive, union, and intersection types.
A type alias may optionally have type parameters (section 3.6.1) that serve as placeholders for actual types to be provided when the type alias is referenced in type references. A type alias with type parameters is called a generic type alias. The type parameters of a generic type alias declaration are in scope and may be referenced in the aliased Type.
Type aliases are referenced using type references (3.8.2). Type references to generic type aliases produce instantiations of the aliased type with the given type arguments. Writing a reference to a non-generic type alias has exactly the same effect as writing the aliased type itself, and writing a reference to a generic type alias has exactly the same effect as writing the resulting instantiation of the aliased type.
The BindingIdentifier of a type alias declaration may not be one of the predefined type names (section 3.8.1).
It is an error for the type specified in a type alias to depend on that type alias. Types have the following dependencies:
- A type alias directly depends on the type it aliases.
- A type reference directly depends on the referenced type and each of the type arguments, if any.
- A union or intersection type directly depends on each of the constituent types.
- An array type directly depends on its element type.
- A tuple type directly depends on each of its element types.
- A type query directly depends on the type of the referenced entity.
Given this definition, the complete set of types upon which a type depends is the transitive closure of the directly depends on relationship. Note that object type literals, function type literals, and constructor type literals do not depend on types referenced within them and are therefore permitted to circularly reference themselves through type aliases.
Some examples of type alias declarations:
1 | type StringOrNumber = string | number; |
Interface types have many similarities to type aliases for object type literals, but since interface types offer more capabilities they are generally preferred to type aliases. For example, the interface type
1 | interface Point { |
could be written as the type alias
1 | type Point = { |
However, doing so means the following capabilities are lost:
- An interface can be named in an extends or implements clause, but a type alias for an object type literal cannot.
- An interface can have multiple merged declarations, but a type alias for an object type literal cannot.
3.11 Type Relationships
Types in TypeScript have identity, subtype, supertype, and assignment compatibility relationships as defined in the following sections.
3.11.1 Apparent Members
The apparent members of a type are the members observed in subtype, supertype, and assignment compatibility relationships, as well as in the type checking of property accesses (section 4.13), new
operations (section 4.14), and function calls (section 4.15). The apparent members of a type are determined as follows:
- The apparent members of the primitive type Number and all enum types are the apparent members of the global interface type ‘Number’.
- The apparent members of the primitive type Boolean are the apparent members of the global interface type ‘Boolean’.
- The apparent members of the primitive type String and all string literal types are the apparent members of the global interface type ‘String’.
- The apparent members of a type parameter are the apparent members of the constraint (section 3.6.1) of that type parameter.
- The apparent members of an object type T are the combination of the following:
- The declared and/or inherited members of T.
- The properties of the global interface type ‘Object’ that aren’t hidden by properties with the same name in T.
- If T has one or more call or construct signatures, the properties of the global interface type ‘Function’ that aren’t hidden by properties with the same name in T.
- The apparent members of a union type U are determined as follows:
- When all constituent types of U have an apparent property named N, U has an apparent property named N of a union type of the respective property types.
- When all constituent types of U have an apparent call signature with a parameter list P, U has an apparent call signature with the parameter list P and a return type that is a union of the respective return types. The call signatures appear in the same order as in the first constituent type.
- When all constituent types of U have an apparent construct signature with a parameter list P, U has an apparent construct signature with the parameter list P and a return type that is a union of the respective return types. The construct signatures appear in the same order as in the first constituent type.
- When all constituent types of U have an apparent string index signature, U has an apparent string index signature of a union type of the respective string index signature types.
- When all constituent types of U have an apparent numeric index signature, U has an apparent numeric index signature of a union type of the respective numeric index signature types.
- The apparent members of an intersection type I are determined as follows:
- When one of more constituent types of I have an apparent property named N, I has an apparent property named N of an intersection type of the respective property types.
- When one or more constituent types of I have a call signature S, I has the apparent call signature S. The signatures are ordered as a concatenation of the signatures of each constituent type in the order of the constituent types within I.
- When one or more constituent types of I have a construct signature S, I has the apparent construct signature S. The signatures are ordered as a concatenation of the signatures of each constituent type in the order of the constituent types within I.
- When one or more constituent types of I have an apparent string index signature, I has an apparent string index signature of an intersection type of the respective string index signature types.
- When one or more constituent types of I have an apparent numeric index signature, I has an apparent numeric index signature of an intersection type of the respective numeric index signature types.
If a type is not one of the above, it is considered to have no apparent members.
In effect, a type’s apparent members make it a subtype of the ‘Object’ or ‘Function’ interface unless the type defines members that are incompatible with those of the ‘Object’ or ‘Function’ interface—which, for example, occurs if the type defines a property with the same name as a property in the ‘Object’ or ‘Function’ interface but with a type that isn’t a subtype of that in the ‘Object’ or ‘Function’ interface.
Some examples:
1 | var o: Object = { x: 10, y: 20 }; // Ok |
The last assignment is an error because the object literal has a ‘toString’ method that isn’t compatible with that of ‘Object’.
3.11.2 Type and Member Identity
Two types are considered identical when
- they are both the Any type,
- they are the same primitive type,
- they are the same type parameter,
- they are union types with identical sets of constituent types, or
- they are intersection types with identical sets of constituent types, or
- they are object types with identical sets of members.
Two members are considered identical when
- they are public properties with identical names, optionality, and types,
- they are private or protected properties originating in the same declaration and having identical types,
- they are identical call signatures,
- they are identical construct signatures, or
- they are index signatures of identical kind with identical types.
Two call or construct signatures are considered identical when they have the same number of type parameters with identical type parameter constraints and, after substituting type Any for the type parameters introduced by the signatures, identical number of parameters with identical kind (required, optional or rest) and types, and identical return types.
Note that, except for primitive types and classes with private or protected members, it is structure, not naming, of types that determines identity. Also, note that parameter names are not significant when determining identity of signatures.
Private and protected properties match only if they originate in the same declaration and have identical types. Two distinct types might contain properties that originate in the same declaration if the types are separate parameterized references to the same generic class. In the example
1 | class C<T> { private x: T; } |
the variables ‘a’ and ‘b’ are of identical types because the two type references to ‘C’ create types with a private member ‘x’ that originates in the same declaration, and because the two private ‘x’ members have types with identical sets of members once the type arguments ‘X’ and ‘Y’ are substituted.
3.11.3 Subtypes and Supertypes
S is a subtype of a type T, and T is a supertype of S, if S has no excess properties with respect to T (3.11.5) and one of the following is true:
- S and T are identical types.
- T is the Any type.
- S is the Undefined type.
- S is the Null type and T is not the Undefined type.
- S is an enum type and T is the primitive type Number.
- S is a string literal type and T is the primitive type String.
- S is a union type and each constituent type of S is a subtype of T.
- S is an intersection type and at least one constituent type of S is a subtype of T.
- T is a union type and S is a subtype of at least one constituent type of T.
- T is an intersection type and S is a subtype of each constituent type of T.
- S is a type parameter and the constraint of S is a subtype of T.
- S is an object type, an intersection type, an enum type, or the Number, Boolean, or String primitive type, T is an object type, and for each member M in T, one of the following is true:
- M is a property and S has an apparent property N where
- M and N have the same name,
- the type of N is a subtype of that of M,
- if M is a required property, N is also a required property, and
- M and N are both public, M and N are both private and originate in the same declaration, M and N are both protected and originate in the same declaration, or M is protected and N is declared in a class derived from the class in which M is declared.
- M is a non-specialized call or construct signature and S has an apparent call or construct signature N where, when M and N are instantiated using type Any as the type argument for all type parameters declared by M and N (if any),
- the signatures are of the same kind (call or construct),
- M has a rest parameter or the number of non-optional parameters in N is less than or equal to the total number of parameters in M,
- for parameter positions that are present in both signatures, each parameter type in N is a subtype or supertype of the corresponding parameter type in M, and
- the result type of M is Void, or the result type of N is a subtype of that of M.
- M is a string index signature of type U, and U is the Any type or S has an apparent string index signature of a type that is a subtype of U.
- M is a numeric index signature of type U, and U is the Any type or S has an apparent string or numeric index signature of a type that is a subtype of U.
- M is a property and S has an apparent property N where
When comparing call or construct signatures, parameter names are ignored and rest parameters correspond to an unbounded expansion of optional parameters of the rest parameter element type.
Note that specialized call and construct signatures (section 3.9.2.4) are not significant when determining subtype and supertype relationships.
Also note that type parameters are not considered object types. Thus, the only subtypes of a type parameter T are T itself and other type parameters that are directly or indirectly constrained to T.
3.11.4 Assignment Compatibility
Types are required to be assignment compatible in certain circumstances, such as expression and variable types in assignment statements and argument and parameter types in function calls.
S is assignable to a type T, and T is assignable from S, if S has no excess properties with respect to T (3.11.5) and one of the following is true:
- S and T are identical types.
- S or T is the Any type.
- S is the Undefined type.
- S is the Null type and T is not the Undefined type.
- S or T is an enum type and the other is the primitive type Number.
- S is a string literal type and T is the primitive type String.
- S is a union type and each constituent type of S is assignable to T.
- S is an intersection type and at least one constituent type of S is assignable to T.
- T is a union type and S is assignable to at least one constituent type of T.
- T is an intersection type and S is assignable to each constituent type of T.
- S is a type parameter and the constraint of S is assignable to T.
- S is an object type, an intersection type, an enum type, or the Number, Boolean, or String primitive type, T is an object type, and for each member M in T, one of the following is true:
- M is a property and S has an apparent property N where
- M and N have the same name,
- the type of N is assignable to that of M,
- if M is a required property, N is also a required property, and
- M and N are both public, M and N are both private and originate in the same declaration, M and N are both protected and originate in the same declaration, or M is protected and N is declared in a class derived from the class in which M is declared.
- M is an optional property and S has no apparent property of the same name as M.
- M is a non-specialized call or construct signature and S has an apparent call or construct signature N where, when M and N are instantiated using type Any as the type argument for all type parameters declared by M and N (if any),
- the signatures are of the same kind (call or construct),
- M has a rest parameter or the number of non-optional parameters in N is less than or equal to the total number of parameters in M,
- for parameter positions that are present in both signatures, each parameter type in N is assignable to or from the corresponding parameter type in M, and
- the result type of M is Void, or the result type of N is assignable to that of M.
- M is a string index signature of type U, and U is the Any type or S has an apparent string index signature of a type that is assignable to U.
- M is a numeric index signature of type U, and U is the Any type or S has an apparent string or numeric index signature of a type that is assignable to U.
- M is a property and S has an apparent property N where
When comparing call or construct signatures, parameter names are ignored and rest parameters correspond to an unbounded expansion of optional parameters of the rest parameter element type.
Note that specialized call and construct signatures (section 3.9.2.4) are not significant when determining assignment compatibility.
The assignment compatibility and subtyping rules differ only in that
- the Any type is assignable to, but not a subtype of, all types,
- the primitive type Number is assignable to, but not a subtype of, all enum types, and
- an object type without a particular property is assignable to an object type in which that property is optional.
The assignment compatibility rules imply that, when assigning values or passing parameters, optional properties must either be present and of a compatible type, or not be present at all. For example:
1 | function foo(x: { id: number; name?: string; }) { } |
3.11.5 Excess Properties
The subtype and assignment compatibility relationships require that source types have no excess properties with respect to their target types. The purpose of this check is to detect excess or misspelled properties in object literals.
A source type S is considered to have excess properties with respect to a target type T if
- S is a fresh object literal type, as defined below, and
- S has one or more properties that aren’t expected in T.
A property P is said to be expected in a type T if one of the following is true:
- T is not an object, union, or intersection type.
- T is an object type and
- T has a property with the same name as P,
- T has a string or numeric index signature,
- T has no properties, or
- T is the global type ‘Object’.
- T is a union or intersection type and P is expected in at least one of the constituent types of T.
The type inferred for an object literal (as described in section 4.5) is considered a fresh object literal type. The freshness disappears when an object literal type is widened (3.12) or is the type of the expression in a type assertion (4.16).
Consider the following example:
1 | interface CompilerOptions { |
The ‘CompilerOptions’ type contains only optional properties, so without the excess property check, any object literal would be assignable to the ‘options’ variable (because a misspelled property would just be considered an excess property of a different name).
In cases where excess properties are expected, an index signature can be added to the target type as an indicator of intent:
1 | interface InputElement { |
3.11.6 Contextual Signature Instantiation
During type argument inference in a function call (section 4.15.2) it is in certain circumstances necessary to instantiate a generic call signature of an argument expression in the context of a non-generic call signature of a parameter such that further inferences can be made. A generic call signature A is instantiated in the context of non-generic call signature B as follows:
- Using the process described in 3.11.7, inferences for A‘s type parameters are made from each parameter type in B to the corresponding parameter type in A for those parameter positions that are present in both signatures, where rest parameters correspond to an unbounded expansion of optional parameters of the rest parameter element type.
- The inferred type argument for each type parameter is the union type of the set of inferences made for that type parameter. However, if the union type does not satisfy the constraint of the type parameter, the inferred type argument is instead the constraint.
3.11.7 Type Inference
In certain contexts, inferences for a given set of type parameters are made from a type S, in which those type parameters do not occur, to another type T, in which those type parameters do occur. Inferences consist of a set of candidate type arguments collected for each of the type parameters. The inference process recursively relates S and T to gather as many inferences as possible:
- If T is one of the type parameters for which inferences are being made, S is added to the set of inferences for that type parameter.
- Otherwise, if S and T are references to the same generic type, inferences are made from each type argument in S to each corresponding type argument in T.
- Otherwise, if S and T are tuple types with the same number of elements, inferences are made from each element type in S to each corresponding element type in T.
- Otherwise, if T is a union or intersection type:
- First, inferences are made from S to each constituent type in T that isn’t simply one of the type parameters for which inferences are being made.
- If the first step produced no inferences then if T is a union type and exactly one constituent type in T is simply a type parameter for which inferences are being made, inferences are made from S to that type parameter.
- Otherwise, if S is a union or intersection type, inferences are made from each constituent type in S to T.
- Otherwise, if S and T are object types, then for each member M in T:
- If M is a property and S contains a property N with the same name as M, inferences are made from the type of N to the type of M.
- If M is a call signature and a corresponding call signature N exists in S, N is instantiated with the Any type as an argument for each type parameter (if any) and inferences are made from parameter types in N to the corresponding parameter types in M for positions that are present in both signatures, and from the return type of N to the return type of M.
- If M is a construct signature and a corresponding construct signature N exists in S, N is instantiated with the Any type as an argument for each type parameter (if any) and inferences are made from parameter types in N to the corresponding parameter types in M for positions that are present in both signatures, and from the return type of N to the return type of M.
- If M is a string index signature and S contains a string index signature N, inferences are made from the type of N to the type of M.
- If M is a numeric index signature and S contains a numeric index signature N, inferences are made from the type of N to the type of M.
- If M is a numeric index signature and S contains a string index signature N, inferences are made from the type of N to the type of M.
When comparing call or construct signatures, signatures in S correspond to signatures of the same kind in T pairwise in declaration order. If S and T have different numbers of a given kind of signature, the excess first signatures in declaration order of the longer list are ignored.
TODO: Update to reflect improved union and intersection type inference.
3.11.8 Recursive Types
Classes and interfaces can reference themselves in their internal structure, in effect creating recursive types with infinite nesting. For example, the type
1 | interface A { next: A; } |
contains an infinitely nested sequence of ‘next’ properties. Types such as this are perfectly valid but require special treatment when determining type relationships. Specifically, when comparing types S and T for a given relationship (identity, subtype, or assignability), the relationship in question is assumed to be true for every directly or indirectly nested occurrence of the same S and the same T (where same means originating in the same declaration and, if applicable, having identical type arguments). For example, consider the identity relationship between ‘A’ above and ‘B’ below:
1 | interface B { next: C; } |
To determine whether ‘A’ and ‘B’ are identical, first the ‘next’ properties of type ‘A’ and ‘C’ are compared. That leads to comparing the ‘next’ properties of type ‘A’ and ‘D’, which leads to comparing the ‘next’ properties of type ‘A’ and ‘B’. Since ‘A’ and ‘B’ are already being compared this relationship is by definition true. That in turn causes the other comparisons to be true, and therefore the final result is true.
When this same technique is used to compare generic type references, two type references are considered the same when they originate in the same declaration and have identical type arguments.
In certain circumstances, generic types that directly or indirectly reference themselves in a recursive fashion can lead to infinite series of distinct instantiations. For example, in the type
1 | interface List<T> { |
‘List<T>’ has a member ‘owner’ of type ‘List<List<T>>’, which has a member ‘owner’ of type ‘List<List<List<T>>>’, which has a member ‘owner’ of type ‘List<List<List<List<T>>>>’ and so on, ad infinitum. Since type relationships are determined structurally, possibly exploring the constituent types to their full depth, in order to determine type relationships involving infinitely expanding generic types it may be necessary for the compiler to terminate the recursion at some point with the assumption that no further exploration will change the outcome.
3.12 Widened Types
In several situations TypeScript infers types from context, alleviating the need for the programmer to explicitly specify types that appear obvious. For example
1 | var name = "Steve"; |
infers the type of ‘name’ to be the String primitive type since that is the type of the value used to initialize it. When inferring the type of a variable, property or function result from an expression, the widened form of the source type is used as the inferred type of the target. The widened form of a type is the type in which all occurrences of the Null and Undefined types have been replaced with the type any
.
The following example shows the results of widening types to produce inferred variable types.
1 | var a = null; // var a: any |
4 Expressions
This chapter describes the manner in which TypeScript provides type inference and type checking for JavaScript expressions. TypeScript’s type analysis occurs entirely at compile-time and adds no run-time overhead to expression evaluation.
TypeScript’s typing rules define a type for every expression construct. For example, the type of the literal 123 is the Number primitive type, and the type of the object literal { a: 10, b: “hello” } is { a: number; b: string; }. The sections in this chapter describe these rules in detail.
In addition to type inference and type checking, TypeScript augments JavaScript expressions with the following constructs:
- Optional parameter and return type annotations in function expressions and arrow functions.
- Type arguments in function calls.
- Type assertions.
Unless otherwise noted in the sections that follow, TypeScript expressions and the JavaScript expressions generated from them are identical.
4.1 Values and References
Expressions are classified as values or references. References are the subset of expressions that are permitted as the target of an assignment. Specifically, references are combinations of identifiers (section 4.3), parentheses (section 4.8), and property accesses (section 4.13). All other expression constructs described in this chapter are classified as values.
4.2 The this Keyword
The type of this
in an expression depends on the location in which the reference takes place:
- In a constructor, instance member function, instance member accessor, or instance member variable initializer,
this
is of the this-type (section 3.6.3) of the containing class. - In a static member function or static member accessor, the type of
this
is the constructor function type of the containing class. - In a function declaration or a function expression,
this
is of type Any. - In the global namespace,
this
is of type Any.
In all other contexts it is a compile-time error to reference this
.
Note that an arrow function (section 4.11) has no this
parameter but rather preserves the this
of its enclosing context.
4.3 Identifiers
When an expression is an IdentifierReference, the expression refers to the most nested namespace, class, enum, function, variable, or parameter with that name whose scope (section 2.4) includes the location of the reference. The type of such an expression is the type associated with the referenced entity:
- For a namespace, the object type associated with the namespace instance.
- For a class, the constructor type associated with the constructor function object.
- For an enum, the object type associated with the enum object.
- For a function, the function type associated with the function object.
- For a variable, the type of the variable.
- For a parameter, the type of the parameter.
An identifier expression that references a variable or parameter is classified as a reference. An identifier expression that references any other kind of entity is classified as a value (and therefore cannot be the target of an assignment).
4.4 Literals
Literals are typed as follows:
- The type of the
null
literal is the Null primitive type. - The type of the literals
true
andfalse
is the Boolean primitive type. - The type of numeric literals is the Number primitive type.
- The type of string literals is the String primitive type.
- The type of regular expression literals is the global interface type ‘RegExp’.
4.5 Object Literals
Object literals are extended to support type annotations in methods and get and set accessors.
PropertyDefinition: ( Modified )
IdentifierReference
CoverInitializedName
PropertyName :
AssignmentExpression
PropertyName CallSignature {
FunctionBody }
GetAccessor
SetAccessor
GetAccessor:
get
PropertyName (
)
TypeAnnotationopt {
FunctionBody }
SetAccessor:
set
PropertyName (
BindingIdentifierOrPattern TypeAnnotationopt )
{
FunctionBody }
The type of an object literal is an object type with the set of properties specified by the property assignments in the object literal. A get and set accessor may specify the same property name, but otherwise it is an error to specify multiple property assignments for the same property.
A shorthand property assignment of the form
1 | prop |
is equivalent to
1 | prop : prop |
Likewise, a property assignment of the form
1 | f ( ... ) { ... } |
is equivalent to
1 | f : function ( ... ) { ... } |
Each property assignment in an object literal is processed as follows:
- If the object literal is contextually typed and the contextual type contains a property with a matching name, the property assignment is contextually typed by the type of that property.
- Otherwise, if the object literal is contextually typed, if the contextual type contains a numeric index signature, and if the property assignment specifies a numeric property name, the property assignment is contextually typed by the type of the numeric index signature.
- Otherwise, if the object literal is contextually typed and the contextual type contains a string index signature, the property assignment is contextually typed by the type of the string index signature.
- Otherwise, the property assignment is processed without a contextual type.
The type of a property introduced by a property assignment of the form Name :
Expr is the type of Expr.
A get accessor declaration is processed in the same manner as an ordinary function declaration (section 6.1) with no parameters. A set accessor declaration is processed in the same manner as an ordinary function declaration with a single parameter and a Void return type. When both a get and set accessor is declared for a property:
- If both accessors include type annotations, the specified types must be identical.
- If only one accessor includes a type annotation, the other behaves as if it had the same type annotation.
- If neither accessor includes a type annotation, the inferred return type of the get accessor becomes the parameter type of the set accessor.
If a get accessor is declared for a property, the return type of the get accessor becomes the type of the property. If only a set accessor is declared for a property, the parameter type (which may be type Any if no type annotation is present) of the set accessor becomes the type of the property.
When an object literal is contextually typed by a type that includes a string index signature, the resulting type of the object literal includes a string index signature with the union type of the types of the properties declared in the object literal, or the Undefined type if the object literal is empty. Likewise, when an object literal is contextually typed by a type that includes a numeric index signature, the resulting type of the object literal includes a numeric index signature with the union type of the types of the numerically named properties (section 3.9.4) declared in the object literal, or the Undefined type if the object literal declares no numerically named properties.
If the PropertyName of a property assignment is a computed property name that doesn’t denote a well-known symbol (2.2.3), the construct is considered a dynamic property assignment. The following rules apply to dynamic property assignments:
- A dynamic property assignment does not introduce a property in the type of the object literal.
- The property name expression of a dynamic property assignment must be of type Any or the String, Number, or Symbol primitive type.
- The name associated with a dynamic property assignment is considered to be a numeric property name if the property name expression is of type Any or the Number primitive type.
4.6 Array Literals
An array literal
1 | [ expr1, expr2, ..., exprN ] |
denotes a value of an array type (section 3.3.2) or a tuple type (section 3.3.3) depending on context.
Each element expression in a non-empty array literal is processed as follows:
- If the array literal contains no spread elements, and if the array literal is contextually typed (section 4.23) by a type T and T has a property with the numeric name N, where N is the index of the element expression in the array literal, the element expression is contextually typed by the type of that property.
- Otherwise, if the array literal is contextually typed by a type T with a numeric index signature, the element expression is contextually typed by the type of the numeric index signature.
- Otherwise, the element expression is not contextually typed.
The resulting type an array literal expression is determined as follows:
- If the array literal is empty, the resulting type is an array type with the element type Undefined.
- Otherwise, if the array literal contains no spread elements and is contextually typed by a tuple-like type (section 3.3.3), the resulting type is a tuple type constructed from the types of the element expressions.
- Otherwise, if the array literal contains no spread elements and is an array assignment pattern in a destructuring assignment (section 4.21.1), the resulting type is a tuple type constructed from the types of the element expressions.
- Otherwise, the resulting type is an array type with an element type that is the union of the types of the non-spread element expressions and the numeric index signature types of the spread element expressions.
A spread element must specify an expression of an array-like type (section 3.3.2), or otherwise an error occurs.
TODO: The compiler currently doesn’t support applying the spread operator to a string (to spread the individual characters of a string into a string array). This will eventually be allowed, but only when the code generation target is ECMAScript 2015 or later.
TODO: Document spreading an iterator into an array literal.
The rules above mean that an array literal is always of an array type, unless it is contextually typed by a tuple-like type. For example
1 | var a = [1, 2]; // number[] |
When the output target is ECMAScript 3 or 5, array literals containing spread elements are rewritten to invocations of the concat
method. For example, the assignments
1 | var a = [2, 3, 4]; |
are rewritten to
1 | var a = [2, 3, 4]; |
4.7 Template Literals
TODO: Template literals.
4.8 Parentheses
A parenthesized expression
1 | ( expr ) |
has the same type and classification as the contained expression itself. Specifically, if the contained expression is classified as a reference, so is the parenthesized expression.
4.9 The super Keyword
The super
keyword can be used in expressions to reference base class properties and the base class constructor.
4.9.1 Super Calls
Super calls consist of the keyword super
followed by an argument list enclosed in parentheses. Super calls are only permitted in constructors of derived classes, as described in section 8.3.2.
A super call invokes the constructor of the base class on the instance referenced by this
. A super call is processed as a function call (section 4.15) using the construct signatures of the base class constructor function type as the initial set of candidate signatures for overload resolution. Type arguments cannot be explicitly specified in a super call. If the base class is a generic class, the type arguments used to process a super call are always those specified in the extends
clause that references the base class.
The type of a super call expression is Void.
The JavaScript code generated for a super call is specified in section 8.7.2.
4.9.2 Super Property Access
A super property access consists of the keyword super
followed by a dot and an identifier. Super property accesses are used to access base class member functions from derived classes and are permitted in contexts where this
(section 4.2) references a derived class instance or a derived class constructor function. Specifically:
- In a constructor, instance member function, instance member accessor, or instance member variable initializer where
this
references a derived class instance, a super property access is permitted and must specify a public instance member function of the base class. - In a static member function or static member accessor where
this
references the constructor function object of a derived class, a super property access is permitted and must specify a public static member function of the base class.
Super property accesses are not permitted in other contexts, and it is not possible to access other kinds of base class members in a super property access. Note that super property accesses are not permitted inside function expressions nested in the above constructs because this
is of type Any in such function expressions.
Super property accesses are typically used to access overridden base class member functions from derived class member functions. For an example of this, see section 8.4.2.
The JavaScript code generated for a super property access is specified in section 8.7.2.
TODO: Update section to include bracket notation in super property access.
4.10 Function Expressions
Function expressions are extended from JavaScript to optionally include parameter and return type annotations.
FunctionExpression: ( Modified )
function
BindingIdentifieropt CallSignature {
FunctionBody }
The descriptions of function declarations provided in chapter 6 apply to function expressions as well, except that function expressions do not support overloading.
The type of a function expression is an object type containing a single call signature with parameter and return types inferred from the function expression’s signature and body.
When a function expression with no type parameters and no parameter type annotations is contextually typed (section 4.23) by a type T and a contextual signature S can be extracted from T, the function expression is processed as if it had explicitly specified parameter type annotations as they exist in S. Parameters are matched by position and need not have matching names. If the function expression has fewer parameters than S, the additional parameters in S are ignored. If the function expression has more parameters than S, the additional parameters are all considered to have type Any.
Likewise, when a function expression with no return type annotation is contextually typed (section 4.23) by a function type T and a contextual signature S can be extracted from T, expressions in contained return statements (section 5.10) are contextually typed by the return type of S.
A contextual signature S is extracted from a function type T as follows:
- If T is a function type with exactly one call signature, and if that call signature is non-generic, S is that signature.
- If T is a union type, let U be the set of element types in T that have call signatures. If each type in U has exactly one call signature and that call signature is non-generic, and if all of the signatures are identical ignoring return types, then S is a signature with the same parameters and a union of the return types.
- Otherwise, no contextual signature can be extracted from T.
In the example
1 | var f: (s: string) => string = function (s) { |
the function expression is contextually typed by the type of ‘f’, and since the function expression has no type parameters or type annotations its parameter type information is extracted from the contextual type, thus inferring the type of ‘s’ to be the String primitive type.
4.11 Arrow Functions
Arrow functions are extended from JavaScript to optionally include parameter and return type annotations.
ArrowFormalParameters: ( Modified )
CallSignature
The descriptions of function declarations provided in chapter 6 apply to arrow functions as well, except that arrow functions do not support overloading.
The type of an arrow function is determined in the same manner as a function expression (section 4.10). Likewise, parameters of an arrow function and return statements in the body of an arrow function are contextually typed in the same manner as for function expressions.
When an arrow function with an expression body and no return type annotation is contextually typed (section 4.23) by a function type T and a contextual signature S can be extracted from T, the expression body is contextually typed by the return type of S.
An arrow function expression of the form
1 | ( ... ) => expr |
is exactly equivalent to
1 | ( ... ) => { return expr ; } |
Furthermore, arrow function expressions of the forms
1 | id => { ... } |
are exactly equivalent to
1 | ( id ) => { ... } |
Thus, the following examples are all equivalent:
1 | (x) => { return Math.sin(x); } |
A function expression introduces a new dynamically bound this
, whereas an arrow function expression preserves the this
of its enclosing context. Arrow function expressions are particularly useful for writing callbacks, which otherwise often have an undefined or unexpected this
.
In the example
1 | class Messenger { |
the use of an arrow function expression causes the callback to have the same this
as the surrounding ‘start’ method. Writing the callback as a standard function expression it becomes necessary to manually arrange access to the surrounding this
, for example by copying it into a local variable:
1 | class Messenger { |
The TypeScript compiler applies this type of transformation to rewrite arrow function expressions into standard function expressions.
A construct of the form
1 | < T > ( ... ) => { ... } |
could be parsed as an arrow function expression with a type parameter or a type assertion applied to an arrow function with no type parameter. It is resolved as the former, but parentheses can be used to select the latter meaning:
1 | < T > ( ( ... ) => { ... } ) |
4.12 Class Expressions
TODO: Document class expressions.
4.13 Property Access
A property access uses either dot notation or bracket notation. A property access expression is always classified as a reference.
A dot notation property access of the form
1 | object . name |
where object is an expression and name is an identifier (including, possibly, a reserved word), is used to access the property with the given name on the given object. A dot notation property access is processed as follows at compile-time:
- If object is of type Any, any name is permitted and the property access is of type Any.
- Otherwise, if name denotes an accessible apparent property (section 3.11.1) in the widened type (section 3.12) of object, the property access is of the type of that property. Public members are always accessible, but private and protected members of a class have restricted accessibility, as described in 8.2.2.
- Otherwise, the property access is invalid and a compile-time error occurs.
A bracket notation property access of the form
1 | object [ index ] |
where object and index are expressions, is used to access the property with the name computed by the index expression on the given object. A bracket notation property access is processed as follows at compile-time:
- If index is a string literal or a numeric literal and object has an apparent property (section 3.11.1) with the name given by that literal (converted to its string representation in the case of a numeric literal), the property access is of the type of that property.
- Otherwise, if object has an apparent numeric index signature and index is of type Any, the Number primitive type, or an enum type, the property access is of the type of that index signature.
- Otherwise, if object has an apparent string index signature and index is of type Any, the String or Number primitive type, or an enum type, the property access is of the type of that index signature.
- Otherwise, if index is of type Any, the String or Number primitive type, or an enum type, the property access is of type Any.
- Otherwise, the property access is invalid and a compile-time error occurs.
TODO: Indexing with symbols.
The rules above mean that properties are strongly typed when accessed using bracket notation with the literal representation of their name. For example:
1 | var type = { |
Tuple types assign numeric names to each of their elements and elements are therefore strongly typed when accessed using bracket notation with a numeric literal:
1 | var data: [string, number] = ["five", 5]; |
4.14 The new Operator
A new
operation has one of the following forms:
1 | new C |
where C is an expression. The first form is equivalent to supplying an empty argument list. C must be of type Any or of an object type with one or more construct or call signatures. The operation is processed as follows at compile-time:
- If C is of type Any, any argument list is permitted and the result of the operation is of type Any.
- If C has one or more apparent construct signatures (section 3.11.1), the expression is processed in the same manner as a function call, but using the construct signatures as the initial set of candidate signatures for overload resolution. The result type of the function call becomes the result type of the operation.
- If C has no apparent construct signatures but one or more apparent call signatures, the expression is processed as a function call. A compile-time error occurs if the result of the function call is not Void. The type of the result of the operation is Any.
4.15 Function Calls
Function calls are extended from JavaScript to support optional type arguments.
Arguments: ( Modified )
TypeArgumentsopt (
ArgumentListopt )
A function call takes one of the forms
1 | func ( ... ) |
where func is an expression of a function type or of type Any. The function expression is followed by an optional type argument list (section 3.6.2) and an argument list.
If func is of type Any, or of an object type that has no call or construct signatures but is a subtype of the Function interface, the call is an untyped function call. In an untyped function call no type arguments are permitted, argument expressions can be of any type and number, no contextual types are provided for the argument expressions, and the result is always of type Any.
If func has apparent call signatures (section 3.11.1) the call is a typed function call. TypeScript employs overload resolution in typed function calls in order to support functions with multiple call signatures. Furthermore, TypeScript may perform type argument inference to automatically determine type arguments in generic function calls.
4.15.1 Overload Resolution
The purpose of overload resolution in a function call is to ensure that at least one signature is applicable, to provide contextual types for the arguments, and to determine the result type of the function call, which could differ between the multiple applicable signatures. Overload resolution has no impact on the run-time behavior of a function call. Since JavaScript doesn’t support function overloading, all that matters at run-time is the name of the function.
TODO: Describe use of wildcard function types in overload resolution.
The compile-time processing of a typed function call consists of the following steps:
- First, a list of candidate signatures is constructed from the call signatures in the function type in declaration order. For classes and interfaces, inherited signatures are considered to follow explicitly declared signatures in
extends
clause order.- A non-generic signature is a candidate when
- the function call has no type arguments, and
- the signature is applicable with respect to the argument list of the function call.
- A generic signature is a candidate in a function call without type arguments when
- type inference (section 4.15.2) succeeds for each type parameter,
- once the inferred type arguments are substituted for their associated type parameters, the signature is applicable with respect to the argument list of the function call.
- A generic signature is a candidate in a function call with type arguments when
- The signature has the same number of type parameters as were supplied in the type argument list,
- the type arguments satisfy their constraints, and
- once the type arguments are substituted for their associated type parameters, the signature is applicable with respect to the argument list of the function call.
- A non-generic signature is a candidate when
- If the list of candidate signatures is empty, the function call is an error.
- Otherwise, if the candidate list contains one or more signatures for which the type of each argument expression is a subtype of each corresponding parameter type, the return type of the first of those signatures becomes the return type of the function call.
- Otherwise, the return type of the first signature in the candidate list becomes the return type of the function call.
A signature is said to be an applicable signature with respect to an argument list when
- the number of arguments is not less than the number of required parameters,
- the number of arguments is not greater than the number of parameters, and
- for each argument expression e and its corresponding parameter P, when e is contextually typed (section 4.23) by the type of P, no errors ensue and the type of e is assignable to (section 3.11.4) the type of P.
TODO: Spread operator in function calls and spreading an iterator into a function call.
4.15.2 Type Argument Inference
Given a signature < T1 , T2 , … , Tn > ( p1 : P1 , p2 : P2 , … , pm : Pm ), where each parameter type P references zero or more of the type parameters T, and an argument list ( e1 , e2 , … , em ), the task of type argument inference is to find a set of type arguments A1…An to substitute for T1…Tn such that the argument list becomes an applicable signature.
TODO: Update type argument inference and overload resolution rules.
Type argument inference produces a set of candidate types for each type parameter. Given a type parameter T and set of candidate types, the actual inferred type argument is determined as follows:
- If the set of candidate argument types is empty, the inferred type argument for T is T‘s constraint.
- Otherwise, if at least one of the candidate types is a supertype of all of the other candidate types, let C denote the widened form (section 3.12) of the first such candidate type. If C satisfies T‘s constraint, the inferred type argument for T is C. Otherwise, the inferred type argument for T is T‘s constraint.
- Otherwise, if no candidate type is a supertype of all of the other candidate types, type inference has fails and no type argument is inferred for T.
In order to compute candidate types, the argument list is processed as follows:
- Initially all inferred type arguments are considered unfixed with an empty set of candidate types.
- Proceeding from left to right, each argument expression e is inferentially typed by its corresponding parameter type P, possibly causing some inferred type arguments to become fixed, and candidate type inferences (section 3.11.7) are made for unfixed inferred type arguments from the type computed for e to P.
The process of inferentially typing an expression e by a type T is the same as that of contextually typing e by T, with the following exceptions:
- Where expressions contained within e would be contextually typed, they are instead inferentially typed.
- When a function expression is inferentially typed (section 4.10) and a type assigned to a parameter in that expression references type parameters for which inferences are being made, the corresponding inferred type arguments to become fixed and no further candidate inferences are made for them.
- If e is an expression of a function type that contains exactly one generic call signature and no other members, and T is a function type with exactly one non-generic call signature and no other members, then any inferences made for type parameters referenced by the parameters of T‘s call signature are fixed, and e‘s type is changed to a function type with e‘s call signature instantiated in the context of T‘s call signature (section 3.11.6).
An example:
1 | function choose<T>(x: T, y: T): T { |
In the first call to ‘choose’, two inferences are made from ‘number’ to ‘T’, one for each parameter. Thus, ‘number’ is inferred for ‘T’ and the call is equivalent to
1 | var x = choose<number>(10, 20); |
In the second call to ‘choose’, an inference is made from type ‘string’ to ‘T’ for the first parameter and an inference is made from type ‘number’ to ‘T’ for the second parameter. Since neither ‘string’ nor ‘number’ is a supertype of the other, type inference fails. That in turn means there are no applicable signatures and the function call is an error.
In the example
1 | function map<T, U>(a: T[], f: (x: T) => U): U[] { |
inferences for ‘T’ and ‘U’ in the call to ‘map’ are made as follows: For the first parameter, inferences are made from the type ‘string[]’ (the type of ‘names’) to the type ‘T[]’, inferring ‘string’ for ‘T’. For the second parameter, inferential typing of the arrow expression ‘s => s.length’ causes ‘T’ to become fixed such that the inferred type ‘string’ can be used for the parameter ‘s’. The return type of the arrow expression can then be determined, and inferences are made from the type ‘(s: string) => number’ to the type ‘(x: T) => U’, inferring ‘number’ for ‘U’. Thus the call to ‘map’ is equivalent to
1 | var lengths = map<string, number>(names, s => s.length); |
and the resulting type of ‘lengths’ is therefore ‘number[]’.
In the example
1 | function zip<S, T, U>(x: S[], y: T[], combine: (x: S) => (y: T) => U): U[] { |
inferences for ‘S’, ‘T’ and ‘U’ in the call to ‘zip’ are made as follows: Using the first two parameters, inferences of ‘string’ for ‘S’ and ‘number’ for ‘T’ are made. For the third parameter, inferential typing of the outer arrow expression causes ‘S’ to become fixed such that the inferred type ‘string’ can be used for the parameter ‘s’. When a function expression is inferentially typed, its return expression(s) are also inferentially typed. Thus, the inner arrow function is inferentially typed, causing ‘T’ to become fixed such that the inferred type ‘number’ can be used for the parameter ‘n’. The return type of the inner arrow function can then be determined, which in turn determines the return type of the function returned from the outer arrow function, and inferences are made from the type ‘(s: string) => (n: number) => { name: string; age: number }’ to the type ‘(x: S) => (y: T) => R’, inferring ‘{ name: string; age: number }’ for ‘R’. Thus the call to ‘zip’ is equivalent to
1 | var pairs = zip<string, number, { name: string; age: number }>( |
and the resulting type of ‘pairs’ is therefore ‘{ name: string; age: number }[]’.
4.15.3 Grammar Ambiguities
The inclusion of type arguments in the Arguments production (section 4.15) gives rise to certain ambiguities in the grammar for expressions. For example, the statement
1 | f(g<A, B>(7)); |
could be interpreted as a call to ‘f’ with two arguments, ‘g < A’ and ‘B > (7)’. Alternatively, it could be interpreted as a call to ‘f’ with one argument, which is a call to a generic function ‘g’ with two type arguments and one regular argument.
The grammar ambiguity is resolved as follows: In a context where one possible interpretation of a sequence of tokens is an Arguments production, if the initial sequence of tokens forms a syntactically correct TypeArguments production and is followed by a ‘(
‘ token, then the sequence of tokens is processed an Arguments production, and any other possible interpretation is discarded. Otherwise, the sequence of tokens is not considered an Arguments production.
This rule means that the call to ‘f’ above is interpreted as a call with one argument, which is a call to a generic function ‘g’ with two type arguments and one regular argument. However, the statements
1 | f(g < A, B > 7); |
are both interpreted as calls to ‘f’ with two arguments.
4.16 Type Assertions
TypeScript extends the JavaScript expression grammar with the ability to assert a type for an expression:
UnaryExpression: ( Modified )
…
<
Type >
UnaryExpression
A type assertion expression consists of a type enclosed in <
and >
followed by a unary expression. Type assertion expressions are purely a compile-time construct. Type assertions are not checked at run-time and have no impact on the emitted JavaScript (and therefore no run-time cost). The type and the enclosing <
and >
are simply removed from the generated code.
In a type assertion expression of the form < T > e, e is contextually typed (section 4.23) by T and the resulting type of e is required to be assignable to T, or T is required to be assignable to the widened form of the resulting type of e, or otherwise a compile-time error occurs. The type of the result is T.
Type assertions check for assignment compatibility in both directions. Thus, type assertions allow type conversions that might be correct, but aren’t known to be correct. In the example
1 | class Shape { ... } |
the type annotations indicate that the ‘createShape’ function might return a ‘Circle’ (because ‘Circle’ is a subtype of ‘Shape’), but isn’t known to do so (because its return type is ‘Shape’). Therefore, a type assertion is needed to treat the result as a ‘Circle’.
As mentioned above, type assertions are not checked at run-time and it is up to the programmer to guard against errors, for example using the instanceof
operator:
1 | var shape = createShape(shapeKind); |
TODO: Document as operator.
4.17 JSX Expressions
TODO: Document JSX expressions.
4.18 Unary Operators
The subsections that follow specify the compile-time processing rules of the unary operators. In general, if the operand of a unary operator does not meet the stated requirements, a compile-time error occurs and the result of the operation defaults to type Any in further processing.
4.18.1 The ++ and – operators
These operators, in prefix or postfix form, require their operand to be of type Any, the Number primitive type, or an enum type, and classified as a reference (section 4.1). They produce a result of the Number primitive type.
4.18.2 The +, –, and ~ operators
These operators permit their operand to be of any type and produce a result of the Number primitive type.
The unary + operator can conveniently be used to convert a value of any type to the Number primitive type:
1 | function getValue() { ... } |
The example above converts the result of ‘getValue()’ to a number if it isn’t a number already. The type inferred for ‘n’ is the Number primitive type regardless of the return type of ‘getValue’.
4.18.3 The ! operator
The ! operator permits its operand to be of any type and produces a result of the Boolean primitive type.
Two unary ! operators in sequence can conveniently be used to convert a value of any type to the Boolean primitive type:
1 | function getValue() { ... } |
The example above converts the result of ‘getValue()’ to a Boolean if it isn’t a Boolean already. The type inferred for ‘b’ is the Boolean primitive type regardless of the return type of ‘getValue’.
4.18.4 The delete Operator
The ‘delete’ operator takes an operand of any type and produces a result of the Boolean primitive type.
4.18.5 The void Operator
The ‘void’ operator takes an operand of any type and produces the value ‘undefined’. The type of the result is the Undefined type (3.2.7).
4.18.6 The typeof Operator
The ‘typeof’ operator takes an operand of any type and produces a value of the String primitive type. In positions where a type is expected, ‘typeof’ can also be used in a type query (section 3.8.10) to produce the type of an expression.
1 | var x = 5; |
In the example above, ‘x’ is of type ‘number’, ‘y’ is of type ‘string’ because when used in an expression, ‘typeof’ produces a value of type string (in this case the string “number”), and ‘z’ is of type ‘number’ because when used in a type query, ‘typeof’ obtains the type of an expression.
4.19 Binary Operators
The subsections that follow specify the compile-time processing rules of the binary operators. In general, if the operands of a binary operator do not meet the stated requirements, a compile-time error occurs and the result of the operation defaults to type any in further processing. Tables that summarize the compile-time processing rules for operands of the Any type, the Boolean, Number, and String primitive types, and all other types (the Other column in the tables) are provided.
4.19.1 The *, /, %, –, <<, >>, >>>, &, ^, and | operators
These operators require their operands to be of type Any, the Number primitive type, or an enum type. Operands of an enum type are treated as having the primitive type Number. If one operand is the null
or undefined
value, it is treated as having the type of the other operand. The result is always of the Number primitive type.
Any | Boolean | Number | String | Other | |
---|---|---|---|---|---|
Any | Number | Number | |||
Boolean | |||||
Number | Number | Number | |||
String | |||||
Other |
TODO: Document the exponentation operator.
4.19.2 The + operator
The binary + operator requires both operands to be of the Number primitive type or an enum type, or at least one of the operands to be of type Any or the String primitive type. Operands of an enum type are treated as having the primitive type Number. If one operand is the null
or undefined
value, it is treated as having the type of the other operand. If both operands are of the Number primitive type, the result is of the Number primitive type. If one or both operands are of the String primitive type, the result is of the String primitive type. Otherwise, the result is of type Any.
Any | Boolean | Number | String | Other | |
---|---|---|---|---|---|
Any | Any | Any | Any | String | Any |
Boolean | Any | String | |||
Number | Any | Number | String | ||
String | String | String | String | String | String |
Other | Any | String |
A value of any type can converted to the String primitive type by adding an empty string:
1 | function getValue() { ... } |
The example above converts the result of ‘getValue()’ to a string if it isn’t a string already. The type inferred for ‘s’ is the String primitive type regardless of the return type of ‘getValue’.
4.19.3 The <, >, <=, >=, ==, !=, ===, and !== operators
These operators require one or both of the operand types to be assignable to the other. The result is always of the Boolean primitive type.
Any | Boolean | Number | String | Other | |
---|---|---|---|---|---|
Any | Boolean | Boolean | Boolean | Boolean | Boolean |
Boolean | Boolean | Boolean | |||
Number | Boolean | Boolean | |||
String | Boolean | Boolean | |||
Other | Boolean | Boolean |
4.19.4 The instanceof operator
The instanceof
operator requires the left operand to be of type Any, an object type, or a type parameter type, and the right operand to be of type Any or a subtype of the ‘Function’ interface type. The result is always of the Boolean primitive type.
Note that object types containing one or more call or construct signatures are automatically subtypes of the ‘Function’ interface type, as described in section 3.3.
4.19.5 The in operator
The in
operator requires the left operand to be of type Any, the String primitive type, or the Number primitive type, and the right operand to be of type Any, an object type, or a type parameter type. The result is always of the Boolean primitive type.
4.19.6 The && operator
The && operator permits the operands to be of any type and produces a result of the same type as the second operand.
Any | Boolean | Number | String | Other | |
---|---|---|---|---|---|
Any | Any | Boolean | Number | String | Other |
Boolean | Any | Boolean | Number | String | Other |
Number | Any | Boolean | Number | String | Other |
String | Any | Boolean | Number | String | Other |
Other | Any | Boolean | Number | String | Other |
4.19.7 The || operator
The || operator permits the operands to be of any type.
If the || expression is contextually typed (section 4.23), the operands are contextually typed by the same type. Otherwise, the left operand is not contextually typed and the right operand is contextually typed by the type of the left operand.
The type of the result is the union type of the two operand types.
Any | Boolean | Number | String | Other | ||||
---|---|---|---|---|---|---|---|---|
Any | Any | Any | Any | Any | Any | |||
Boolean | Any | Boolean | N | B | S | B | B | O |
Number | Any | N | B | Number | S | N | N | O |
String | Any | S | B | S | N | String | S | O |
Other | Any | B | O | N | O | S | O | Other |
4.20 The Conditional Operator
In a conditional expression of the form
1 | test ? expr1 : expr2 |
the test expression may be of any type.
If the conditional expression is contextually typed (section 4.23), expr1 and expr2 are contextually typed by the same type. Otherwise, expr1 and expr2 are not contextually typed.
The type of the result is the union type of the types of expr1 and expr2.
4.21 Assignment Operators
An assignment of the form
1 | v = expr |
requires v to be classified as a reference (section 4.1) or as an assignment pattern (section 4.21.1). The expr expression is contextually typed (section 4.23) by the type of v, and the type of expr must be assignable to (section 3.11.4) the type of v, or otherwise a compile-time error occurs. The result is a value with the type of expr.
A compound assignment of the form
1 | v ??= expr |
where ??= is one of the compound assignment operators
1 | *= /= %= += -= <<= >>= >>>= &= ^= |= |
is subject to the same requirements, and produces a value of the same type, as the corresponding non-compound operation. A compound assignment furthermore requires v to be classified as a reference (section 4.1) and the type of the non-compound operation to be assignable to the type of v. Note that v is not permitted to be an assignment pattern in a compound assignment.
4.21.1 Destructuring Assignment
A destructuring assignment is an assignment operation in which the left hand operand is a destructuring assignment pattern as defined by the AssignmentPattern production in the ECMAScript 2015 specification.
In a destructuring assignment expression, the type of the expression on the right must be assignable to the assignment target on the left. An expression of type S is considered assignable to an assignment target V if one of the following is true:
- V is variable and S is assignable to the type of V.
- V is an object assignment pattern and, for each assignment property P in V,
- S is the type Any, or
- S has an apparent property with the property name specified in P of a type that is assignable to the target given in P, or
- P specifies a numeric property name and S has a numeric index signature of a type that is assignable to the target given in P, or
- S has a string index signature of a type that is assignable to the target given in P.
- V is an array assignment pattern, S is the type Any or an array-like type (section 3.3.2), and, for each assignment element E in V,
- S is the type Any, or
- S is a tuple-like type (section 3.3.3) with a property named N of a type that is assignable to the target given in E, where N is the numeric index of E in the array assignment pattern, or
- S is not a tuple-like type and the numeric index signature type of S is assignable to the target given in E.
TODO: Update to specify behavior when assignment element E is a rest element.
In an assignment property or element that includes a default value, the type of the default value must be assignable to the target given in the assignment property or element.
When the output target is ECMAScript 2015 or higher, destructuring variable assignments remain unchanged in the emitted JavaScript code. When the output target is ECMAScript 3 or 5, destructuring variable assignments are rewritten to series of simple assignments. For example, the destructuring assignment
1 | var x = 1; |
is rewritten to the simple variable assignments
1 | var x = 1; |
4.22 The Comma Operator
The comma operator permits the operands to be of any type and produces a result that is of the same type as the second operand.
4.23 Contextually Typed Expressions
Type checking of an expression is improved in several contexts by factoring in the type of the destination of the value computed by the expression. In such situations, the expression is said to be contextually typed by the type of the destination. An expression is contextually typed in the following circumstances:
- In a variable, parameter, binding property, binding element, or member declaration, an initializer expression is contextually typed by
- In the body of a function declaration, function expression, arrow function, method declaration, or get accessor declaration that has a return type annotation, return expressions are contextually typed by the type given in the return type annotation.
- In the body of a function expression or arrow function that has no return type annotation, if the function expression or arrow function is contextually typed by a function type with exactly one call signature, and if that call signature is non-generic, return expressions are contextually typed by the return type of that call signature.
- In the body of a constructor declaration, return expressions are contextually typed by the containing class type.
- In the body of a get accessor with no return type annotation, if a matching set accessor exists and that set accessor has a parameter type annotation, return expressions are contextually typed by the type given in the set accessor’s parameter type annotation.
- In a typed function call, argument expressions are contextually typed by their corresponding parameter types.
- In a contextually typed object literal, each property value expression is contextually typed by
- the type of the property with a matching name in the contextual type, if any, or otherwise
- for a numerically named property, the numeric index type of the contextual type, if any, or otherwise
- the string index type of the contextual type, if any.
- In a contextually typed array literal expression containing no spread elements, an element expression at index N is contextually typed by
- the type of the property with the numeric name N in the contextual type, if any, or otherwise
- the numeric index type of the contextual type, if any.
- In a contextually typed array literal expression containing one or more spread elements, an element expression at index N is contextually typed by the numeric index type of the contextual type, if any.
- In a contextually typed parenthesized expression, the contained expression is contextually typed by the same type.
- In a type assertion, the expression is contextually typed by the indicated type.
- In a || operator expression, if the expression is contextually typed, the operands are contextually typed by the same type. Otherwise, the right expression is contextually typed by the type of the left expression.
- In a contextually typed conditional operator expression, the operands are contextually typed by the same type.
- In an assignment expression, the right hand expression is contextually typed by the type of the left hand expression.
In the following example
1 | interface EventObject { |
the object literal passed to ‘setEventHandlers’ is contextually typed to the ‘EventHandlers’ type. This causes the two property assignments to be contextually typed to the unnamed function type ‘(event: EventObject) => void’, which in turn causes the ‘e’ parameters in the arrow function expressions to automatically be typed as ‘EventObject’.
4.24 Type Guards
Type guards are particular expression patterns involving the ‘typeof’ and ‘instanceof’ operators that cause the types of variables or parameters to be narrowed to more specific types. For example, in the code below, knowledge of the static type of ‘x’ in combination with a ‘typeof’ check makes it safe to narrow the type of ‘x’ to string in the first branch of the ‘if’ statement and number in the second branch of the ‘if’ statement.
1 | function foo(x: number | string) { |
The type of a variable or parameter is narrowed in the following situations:
- In the true branch statement of an ‘if’ statement, the type of a variable or parameter is narrowed by a type guard in the ‘if’ condition when true, provided no part of the ‘if’ statement contains assignments to the variable or parameter.
- In the false branch statement of an ‘if’ statement, the type of a variable or parameter is narrowed by a type guard in the ‘if’ condition when false, provided no part of the ‘if’ statement contains assignments to the variable or parameter.
- In the true expression of a conditional expression, the type of a variable or parameter is narrowed by a type guard in the condition when true, provided no part of the conditional expression contains assignments to the variable or parameter.
- In the false expression of a conditional expression, the type of a variable or parameter is narrowed by a type guard in the condition when false, provided no part of the conditional expression contains assignments to the variable or parameter.
- In the right operand of a && operation, the type of a variable or parameter is narrowed by a type guard in the left operand when true, provided neither operand contains assignments to the variable or parameter.
- In the right operand of a || operation, the type of a variable or parameter is narrowed by a type guard in the left operand when false, provided neither operand contains assignments to the variable or parameter.
A type guard is simply an expression that follows a particular pattern. The process of narrowing the type of a variable x by a type guard when true or when false depends on the type guard as follows:
- A type guard of the form
x instanceof C
, where x is not of type Any, C is of a subtype of the global type ‘Function’, and C has a property named ‘prototype’- when true, narrows the type of x to the type of the ‘prototype’ property in C provided it is a subtype of the type of x, or, if the type of x is a union type, removes from the type of x all constituent types that aren’t subtypes of the type of the ‘prototype’ property in C, or
- when false, has no effect on the type of x.
- A type guard of the form
typeof x === s
, where s is a string literal with the value ‘string’, ‘number’, or ‘boolean’,- when true, narrows the type of x to the given primitive type provided it is a subtype of the type of x, or, if the type of x is a union type, removes from the type of x all constituent types that aren’t subtypes of the given primitive type, or
- when false, removes the primitive type from the type of x.
- A type guard of the form
typeof x === s
, where s is a string literal with any value but ‘string’, ‘number’, or ‘boolean’,- when true, if x is a union type, removes from the type of x all constituent types that are subtypes of the string, number, or boolean primitive type, or
- when false, has no effect on the type of x.
- A type guard of the form
typeof x !== s
, where s is a string literal,- when true, narrows the type of x by
typeof x === s
when false, or - when false, narrows the type of x by
typeof x === s
when true.
- when true, narrows the type of x by
- A type guard of the form
!expr
- when true, narrows the type of x by expr when false, or
- when false, narrows the type of x by expr when true.
- A type guard of the form
expr1 && expr2
- when true, narrows the type of x by expr1 when true and then by expr2 when true, or
- when false, narrows the type of x to T1 | T2, where T1 is the type of x narrowed by expr1 when false, and T2 is the type of x narrowed by expr1 when true and then by expr2 when false.
- A type guard of the form
expr1 || expr2
- when true, narrows the type of x to T1 | T2, where T1 is the type of x narrowed by expr1 when true, and T2 is the type of x narrowed by expr1 when false and then by expr2 when true, or
- when false, narrows the type of x by expr1 when false and then by expr2 when false.
- A type guard of any other form has no effect on the type of x.
In the rules above, when a narrowing operation would remove all constituent types from a union type, the operation has no effect on the union type.
Note that type guards affect types of variables and parameters only and have no effect on members of objects such as properties. Also note that it is possible to defeat a type guard by calling a function that changes the type of the guarded variable.
TODO: Document user defined type guard functions.
In the example
1 | function isLongString(obj: any) { |
the obj
parameter has type string
in the right operand of the && operator.
In the example
1 | function processValue(value: number | (() => number)) { |
the value parameter has type () => number
in the first conditional expression and type number
in the second conditional expression, and the inferred type of x is number
.
In the example
1 | function f(x: string | number | boolean) { |
the type of x is string | number | boolean
in the left operand of the || operator, number | boolean
in the right operand of the || operator, string | number
in the first branch of the if statement, and boolean
in the second branch of the if statement.
In the example
1 | class C { |
the type of the data
variable is string
in the first conditional expression and string[]
in the second conditional expression, and the inferred type of getData
is string
. Note that the data
property must be copied to a local variable for the type guard to have an effect.
In the example
1 | class NamedItem { |
the type of obj
is narrowed to NamedItem
in the first conditional expression, and the inferred type of the getName
function is string
.
5 Statements
This chapter describes the static type checking TypeScript provides for JavaScript statements. TypeScript itself does not introduce any new statement constructs, but it does extend the grammar for local declarations to include interface, type alias, and enum declarations.
5.1 Blocks
Blocks are extended to include local interface, type alias, and enum declarations (classes are already included by the ECMAScript 2015 grammar).
Declaration: ( Modified )
…
InterfaceDeclaration
TypeAliasDeclaration
EnumDeclaration
Local class, interface, type alias, and enum declarations are block scoped, similar to let and const declarations.
5.2 Variable Statements
Variable statements are extended to include optional type annotations.
VariableDeclaration: ( Modified )
SimpleVariableDeclaration
DestructuringVariableDeclaration
A variable declaration is either a simple variable declaration or a destructuring variable declaration.
5.2.1 Simple Variable Declarations
A simple variable declaration introduces a single named variable and optionally assigns it an initial value.
SimpleVariableDeclaration:
BindingIdentifier TypeAnnotationopt Initializeropt
The type T of a variable introduced by a simple variable declaration is determined as follows:
- If the declaration includes a type annotation, T is that type.
- Otherwise, if the declaration includes an initializer expression, T is the widened form (section 3.12) of the type of the initializer expression.
- Otherwise, T is the Any type.
When a variable declaration specifies both a type annotation and an initializer expression, the type of the initializer expression is required to be assignable to (section 3.11.4) the type given in the type annotation.
Multiple declarations for the same variable name in the same declaration space are permitted, provided that each declaration associates the same type with the variable.
When a variable declaration has a type annotation, it is an error for that type annotation to use the typeof
operator to reference the variable being declared.
Below are some examples of simple variable declarations and their associated types.
1 | var a; // any |
The following is permitted because all declarations of the single variable ‘x’ associate the same type (Number) with ‘x’.
1 | var x = 1; |
In the following example, all five variables are of the same type, ‘{ x: number; y: number; }’.
1 | interface Point { x: number; y: number; } |
5.2.2 Destructuring Variable Declarations
A destructuring variable declaration introduces zero or more named variables and initializes them with values extracted from properties of an object or elements of an array.
DestructuringVariableDeclaration:
BindingPattern TypeAnnotationopt Initializer
Each binding property or element that specifies an identifier introduces a variable by that name. The type of the variable is the widened form (section 3.12) of the type associated with the binding property or element, as defined in the following.
TODO: Document destructuring an iterator into an array.
The type T associated with a destructuring variable declaration is determined as follows:
- If the declaration includes a type annotation, T is that type.
- Otherwise, if the declaration includes an initializer expression, T is the type of that initializer expression.
- Otherwise, T is the Any type.
The type T associated with a binding property is determined as follows:
- Let S be the type associated with the immediately containing destructuring variable declaration, binding property, or binding element.
- If S is the Any type:
- If the binding property specifies an initializer expression, T is the type of that initializer expression.
- Otherwise, T is the Any type.
- Let P be the property name specified in the binding property.
- If S has an apparent property with the name P, T is the type of that property.
- Otherwise, if S has a numeric index signature and P is a numerical name, T is the type of the numeric index signature.
- Otherwise, if S has a string index signature, T is the type of the string index signature.
- Otherwise, no type is associated with the binding property and an error occurs.
The type T associated with a binding element is determined as follows:
- Let S be the type associated with the immediately containing destructuring variable declaration, binding property, or binding element.
- If S is the Any type:
- If the binding element specifies an initializer expression, T is the type of that initializer expression.
- Otherwise, T is the Any type.
- If S is not an array-like type (section 3.3.2), no type is associated with the binding property and an error occurs.
- If the binding element is a rest element, T is an array type with an element type E, where E is the type of the numeric index signature of S.
- Otherwise, if S is a tuple-like type (section 3.3.3):
- Let N be the zero-based index of the binding element in the array binding pattern.
- If S has a property with the numerical name N, T is the type of that property.
- Otherwise, no type is associated with the binding element and an error occurs.
- Otherwise, if S has a numeric index signature, T is the type of the numeric index signature.
- Otherwise, no type is associated with the binding element and an error occurs.
When a destructuring variable declaration, binding property, or binding element specifies an initializer expression, the type of the initializer expression is required to be assignable to the widened form of the type associated with the destructuring variable declaration, binding property, or binding element.
TODO: Update rules to reflect improved checking of destructuring with literal initializers.
When the output target is ECMAScript 2015 or higher, except for removing the optional type annotation, destructuring variable declarations remain unchanged in the emitted JavaScript code.
When the output target is ECMAScript 3 or 5, destructuring variable declarations are rewritten to simple variable declarations. For example, an object destructuring declaration of the form
1 | var { x, p: y, q: z = false } = getSomeObject(); |
is rewritten to the simple variable declarations
1 | var _a = getSomeObject(), |
The ‘_a’ and ‘_b’ temporary variables exist to ensure the assigned expression is evaluated only once, and the expression ‘void 0’ simply denotes the JavaScript value ‘undefined’.
Similarly, an array destructuring declaration of the form
1 | var [x, y, z = 10] = getSomeArray(); |
is rewritten to the simple variable declarations
1 | var _a = getSomeArray(), |
Combining both forms of destructuring, the example
1 | var { x, p: [y, z = 10] = getSomeArray() } = getSomeObject(); |
is rewritten to
1 | var _a = getSomeObject(), |
5.2.3 Implied Type
A variable, parameter, binding property, or binding element declaration that specifies a binding pattern has an implied type which is determined as follows:
- If the declaration specifies an object binding pattern, the implied type is an object type with a set of properties corresponding to the specified binding property declarations. The type of each property is the type implied by its binding property declaration, and a property is optional when its binding property declaration specifies an initializer expression.
- If the declaration specifies an array binding pattern without a rest element, the implied type is a tuple type with elements corresponding to the specified binding element declarations. The type of each element is the type implied by its binding element declaration.
- If the declaration specifies an array binding pattern with a rest element, the implied type is an array type with an element type of Any.
The implied type of a binding property or binding element declaration is
- the type of the declaration’s initializer expression, if any, or otherwise
- the implied type of the binding pattern specified in the declaration, if any, or otherwise
- the type Any.
In the example
1 | function f({ a, b = "hello", c = 1 }) { ... } |
the implied type of the binding pattern in the function’s parameter is ‘{ a: any; b?: string; c?: number; }’. Since the parameter has no type annotation, this becomes the type of the parameter.
In the example
1 | var [a, b, c] = [1, "hello", true]; |
the array literal initializer expression is contextually typed by the implied type of the binding pattern, specifically the tuple type ‘[any, any, any]’. Because the contextual type is a tuple type, the resulting type of the array literal is the tuple type ‘[number, string, boolean]’, and the destructuring declaration thus gives the types number, string, and boolean to a, b, and c respectively.
5.3 Let and Const Declarations
Let and const declarations are extended to include optional type annotations.
LexicalBinding: ( Modified )
SimpleLexicalBinding
DestructuringLexicalBinding
SimpleLexicalBinding:
BindingIdentifier TypeAnnotationopt Initializeropt
DestructuringLexicalBinding:
BindingPattern TypeAnnotationopt Initializeropt
TODO: Document scoping and types of let and const declarations.
5.4 If, Do, and While Statements
Expressions controlling ‘if’, ‘do’, and ‘while’ statements can be of any type (and not just type Boolean).
5.5 For Statements
Variable declarations in ‘for’ statements are extended in the same manner as variable declarations in variable statements (section 5.2).
5.6 For-In Statements
In a ‘for-in’ statement of the form
1 | for (v in expr) statement |
v must be an expression classified as a reference of type Any or the String primitive type, and expr must be an expression of type Any, an object type, or a type parameter type.
In a ‘for-in’ statement of the form
1 | for (var v in expr) statement |
v must be a variable declaration without a type annotation that declares a variable of type Any, and expr must be an expression of type Any, an object type, or a type parameter type.
5.7 For-Of Statements
TODO: Document for-of statements.
5.8 Continue Statements
A ‘continue’ statement is required to be nested, directly or indirectly (but not crossing function boundaries), within an iteration (‘do’, ‘while’, ‘for’, or ‘for-in’) statement. When a ‘continue’ statement includes a target label, that target label must appear in the label set of an enclosing (but not crossing function boundaries) iteration statement.
5.9 Break Statements
A ‘break’ statement is required to be nested, directly or indirectly (but not crossing function boundaries), within an iteration (‘do’, ‘while’, ‘for’, or ‘for-in’) or ‘switch’ statement. When a ‘break’ statement includes a target label, that target label must appear in the label set of an enclosing (but not crossing function boundaries) statement.
5.10 Return Statements
It is an error for a ‘return’ statement to occur outside a function body. Specifically, ‘return’ statements are not permitted at the global level or in namespace bodies.
A ‘return’ statement without an expression returns the value ‘undefined’ and is permitted in the body of any function, regardless of the return type of the function.
When a ‘return’ statement includes an expression, if the containing function includes a return type annotation, the return expression is contextually typed (section 4.23) by that return type and must be of a type that is assignable to the return type. Otherwise, if the containing function is contextually typed by a type T, Expr is contextually typed by T‘s return type.
In a function implementation without a return type annotation, the return type is inferred from the ‘return’ statements in the function body, as described in section 6.3.
In the example
1 | function f(): (x: string) => number { |
the arrow expression in the ‘return’ statement is contextually typed by the return type of ‘f’, thus giving type ‘string’ to ‘s’.
5.11 With Statements
Use of the ‘with’ statement in TypeScript is an error, as is the case in ECMAScript 5’s strict mode. Furthermore, within the body of a ‘with’ statement, TypeScript considers every identifier occurring in an expression (section 4.3) to be of the Any type regardless of its declared type. Because the ‘with’ statement puts a statically unknown set of identifiers in scope in front of those that are statically known, it is not possible to meaningfully assign a static type to any identifier.
5.12 Switch Statements
In a ‘switch’ statement, each ‘case’ expression must be of a type that is assignable to or from (section 3.11.4) the type of the ‘switch’ expression.
5.13 Throw Statements
The expression specified in a ‘throw’ statement can be of any type.
5.14 Try Statements
The variable introduced by a ‘catch’ clause of a ‘try’ statement is always of type Any. It is not possible to include a type annotation in a ‘catch’ clause.
6 Functions
TypeScript extends JavaScript functions to include type parameters, parameter and return type annotations, overloads, default parameter values, and rest parameters.
6.1 Function Declarations
Function declarations are extended to permit the function body to be omitted in overload declarations.
FunctionDeclaration: ( Modified )
function
BindingIdentifieropt CallSignature {
FunctionBody }
function
BindingIdentifieropt CallSignature ;
A FunctionDeclaration introduces a named value of a function type in the containing declaration space. The BindingIdentifier is optional only when the function declaration occurs in an export default declaration (section 11.3.4.2).
Function declarations that specify a body are called function implementations and function declarations without a body are called function overloads. It is possible to specify multiple overloads for the same function (i.e. for the same name in the same declaration space), but a function can have at most one implementation. All declarations for the same function must specify the same set of modifiers (i.e. the same combination of declare
, export
, and default
).
When a function has overload declarations, the overloads determine the call signatures of the type given to the function object and the function implementation signature (if any) must be assignable to that type. Otherwise, the function implementation itself determines the call signature.
When a function has both overloads and an implementation, the overloads must precede the implementation and all of the declarations must be consecutive with no intervening grammatical elements.
6.2 Function Overloads
Function overloads allow a more accurate specification of the patterns of invocation supported by a function than is possible with a single signature. The compile-time processing of a call to an overloaded function chooses the best candidate overload for the particular arguments and the return type of that overload becomes the result type the function call expression. Thus, using overloads it is possible to statically describe the manner in which a function’s return type varies based on its arguments. Overload resolution in function calls is described further in section 4.15.
Function overloads are purely a compile-time construct. They have no impact on the emitted JavaScript and thus no run-time cost.
The parameter list of a function overload cannot specify default values for parameters. In other words, an overload may use only the ?
form when specifying optional parameters.
The following is an example of a function with overloads.
1 | function attr(name: string): string; |
Note that each overload and the final implementation specify the same identifier. The type of the local variable ‘attr’ introduced by this declaration is
1 | var attr: { |
Note that the signature of the actual function implementation is not included in the type.
6.3 Function Implementations
A function implementation without a return type annotation is said to be an implicitly typed function. The return type of an implicitly typed function f is inferred from its function body as follows:
- If there are no return statements with expressions in f‘s function body, the inferred return type is Void.
- Otherwise, if f‘s function body directly references f or references any implicitly typed functions that through this same analysis reference f, the inferred return type is Any.
- Otherwise, if f is a contextually typed function expression (section 4.10), the inferred return type is the union type (section 3.4) of the types of the return statement expressions in the function body, ignoring return statements with no expressions.
- Otherwise, the inferred return type is the first of the types of the return statement expressions in the function body that is a supertype (section 3.11.3) of each of the others, ignoring return statements with no expressions. A compile-time error occurs if no return statement expression has a type that is a supertype of each of the others.
In the example
1 | function f(x: number) { |
the inferred return type for ‘f’ and ‘g’ is Any because the functions reference themselves through a cycle with no return type annotations. Adding an explicit return type ‘number’ to either breaks the cycle and causes the return type ‘number’ to be inferred for the other.
An explicitly typed function whose return type isn’t the Void type, the Any type, or a union type containing the Void or Any type as a constituent must have at least one return statement somewhere in its body. An exception to this rule is if the function implementation consists of a single ‘throw’ statement.
The type of ‘this’ in a function implementation is the Any type.
In the signature of a function implementation, a parameter can be marked optional by following it with an initializer. When a parameter declaration includes both a type annotation and an initializer, the initializer expression is contextually typed (section 4.23) by the stated type and must be assignable to the stated type, or otherwise a compile-time error occurs. When a parameter declaration has no type annotation but includes an initializer, the type of the parameter is the widened form (section 3.12) of the type of the initializer expression.
Initializer expressions are evaluated in the scope of the function body but are not permitted to reference local variables and are only permitted to access parameters that are declared to the left of the parameter they initialize, unless the parameter reference occurs in a nested function expression.
When the output target is ECMAScript 3 or 5, for each parameter with an initializer, a statement that substitutes the default value for an omitted argument is included in the generated JavaScript, as described in section 6.6. The example
1 | function strange(x: number, y = x * 2, z = x + y) { |
generates JavaScript that is equivalent to
1 | function strange(x, y, z) { |
In the example
1 | var x = 1; |
the local variable ‘x’ is in scope in the parameter initializer (thus hiding the outer ‘x’), but it is an error to reference it because it will always be uninitialized at the time the parameter initializer is evaluated.
6.4 Destructuring Parameter Declarations
Parameter declarations can specify binding patterns (section 3.9.2.2) and are then called destructuring parameter declarations. Similar to a destructuring variable declaration (section 5.2.2), a destructuring parameter declaration introduces zero or more named locals and initializes them with values extracted from properties or elements of the object or array passed as an argument for the parameter.
The type of local introduced in a destructuring parameter declaration is determined in the same manner as a local introduced by a destructuring variable declaration, except the type T associated with a destructuring parameter declaration is determined as follows:
- If the declaration includes a type annotation, T is that type.
- If the declaration occurs in a function expression for which a contextual signature is available (section 4.10), T is the type obtained from the contextual signature.
- Otherwise, if the declaration includes an initializer expression, T is the widened form (section 3.12) of the type of the initializer expression.
- Otherwise, if the declaration specifies a binding pattern, T is the implied type of that binding pattern (section 5.2.3).
- Otherwise, if the parameter is a rest parameter, T is
any[]
. - Otherwise, T is
any
.
When the output target is ECMAScript 2015 or higher, except for removing the optional type annotation, destructuring parameter declarations remain unchanged in the emitted JavaScript code. When the output target is ECMAScript 3 or 5, destructuring parameter declarations are rewritten to local variable declarations.
The example
1 | function drawText({ text = "", location: [x, y] = [0, 0], bold = false }) { |
declares a function drawText
that takes a single parameter of the type
1 | { text?: string; location?: [number, number]; bold?: boolean; } |
When the output target is ECMAScript 3 or 5, the function is rewritten to
1 | function drawText(_a) { |
Destructuring parameter declarations do not permit type annotations on the individual binding patterns, as such annotations would conflict with the already established meaning of colons in object literals. Type annotations must instead be written on the top-level parameter declaration. For example
1 | interface DrawTextInfo { |
6.5 Generic Functions
A function implementation may include type parameters in its signature (section 3.9.2.1) and is then called a generic function. Type parameters provide a mechanism for expressing relationships between parameter and return types in call operations. Type parameters have no run-time representation—they are purely a compile-time construct.
Type parameters declared in the signature of a function implementation are in scope in the signature and body of that function implementation.
The following is an example of a generic function:
1 | interface Comparable { |
Note that the ‘x’ and ‘y’ parameters are known to be subtypes of the constraint ‘Comparable’ and therefore have a ‘compareTo’ member. This is described further in section 3.6.1.
The type arguments of a call to a generic function may be explicitly specified in a call operation or may, when possible, be inferred (section 4.15.2) from the types of the regular arguments in the call. In the example
1 | class Person { |
the type argument to ‘compare’ is automatically inferred to be the String type because the two arguments are strings.
6.6 Code Generation
A function declaration generates JavaScript code that is equivalent to:
1 | function <FunctionName>(<FunctionParameters>) { |
FunctionName is the name of the function (or nothing in the case of a function expression).
FunctionParameters is a comma separated list of the function’s parameter names.
DefaultValueAssignments is a sequence of default property value assignments, one for each parameter with a default value, in the order they are declared, of the form
1 | if (<Parameter> === void 0) { <Parameter> = <Default>; } |
where Parameter is the parameter name and Default is the default value expression.
FunctionStatements is the code generated for the statements specified in the function body.
6.7 Generator Functions
TODO: Document generator functions.
6.8 Asynchronous Functions
TODO: Document asynchronous functions.
6.9 Type Guard Functions
TODO: Document type guard functions, including this type predicates.
7 Interfaces
Interfaces provide the ability to name and parameterize object types and to compose existing named object types into new ones.
Interfaces have no run-time representation—they are purely a compile-time construct. Interfaces are particularly useful for documenting and validating the required shape of properties, objects passed as parameters, and objects returned from functions.
Because TypeScript has a structural type system, an interface type with a particular set of members is considered identical to, and can be substituted for, another interface type or object type literal with an identical set of members (see section 3.11.2).
Class declarations may reference interfaces in their implements clause to validate that they provide an implementation of the interfaces.
7.1 Interface Declarations
An interface declaration declares an interface type.
InterfaceDeclaration:
interface
BindingIdentifier TypeParametersopt InterfaceExtendsClauseopt ObjectType
InterfaceExtendsClause:
extends
ClassOrInterfaceTypeList
ClassOrInterfaceTypeList:
ClassOrInterfaceType
ClassOrInterfaceTypeList ,
ClassOrInterfaceType
ClassOrInterfaceType:
TypeReference
An InterfaceDeclaration introduces a named type (section 3.7) in the containing declaration space. The BindingIdentifier of an interface declaration may not be one of the predefined type names (section 3.8.1).
An interface may optionally have type parameters (section 3.6.1) that serve as placeholders for actual types to be provided when the interface is referenced in type references. An interface with type parameters is called a generic interface. The type parameters of a generic interface declaration are in scope in the entire declaration and may be referenced in the InterfaceExtendsClause and ObjectType body.
An interface can inherit from zero or more base types which are specified in the InterfaceExtendsClause. The base types must be type references to class or interface types.
An interface has the members specified in the ObjectType of its declaration and furthermore inherits all base type members that aren’t hidden by declarations in the interface:
- A property declaration hides a public base type property with the same name.
- A string index signature declaration hides a base type string index signature.
- A numeric index signature declaration hides a base type numeric index signature.
The following constraints must be satisfied by an interface declaration or otherwise a compile-time error occurs:
- An interface declaration may not, directly or indirectly, specify a base type that originates in the same declaration. In other words an interface cannot, directly or indirectly, be a base type of itself, regardless of type arguments.
- An interface cannot declare a property with the same name as an inherited private or protected property.
- Inherited properties with the same name must be identical (section 3.11.2).
- All properties of the interface must satisfy the constraints implied by the index signatures of the interface as specified in section 3.9.4.
- The this-type (section 3.6.3) of the declared interface must be assignable (section 3.11.4) to each of the base type references.
An interface is permitted to inherit identical members from multiple base types and will in that case only contain one occurrence of each particular member.
Below is an example of two interfaces that contain properties with the same name but different types:
1 | interface Mover { |
An interface that extends ‘Mover’ and ‘Shaker’ must declare a new ‘getStatus’ property as it would otherwise inherit two ‘getStatus’ properties with different types. The new ‘getStatus’ property must be declared such that the resulting ‘MoverShaker’ is a subtype of both ‘Mover’ and ‘Shaker’:
1 | interface MoverShaker extends Mover, Shaker { |
Since function and constructor types are just object types containing call and construct signatures, interfaces can be used to declare named function and constructor types. For example:
1 | interface StringComparer { (a: string, b: string): number; } |
This declares type ‘StringComparer’ to be a function type taking two strings and returning a number.
7.2 Declaration Merging
Interfaces are “open-ended” and interface declarations with the same qualified name relative to a common root (as defined in section 2.3) contribute to a single interface.
When a generic interface has multiple declarations, all declarations must have identical type parameter lists, i.e. identical type parameter names with identical constraints in identical order.
In an interface with multiple declarations, the extends
clauses are merged into a single set of base types and the bodies of the interface declarations are merged into a single object type. Declaration merging produces a declaration order that corresponds to prepending the members of each interface declaration, in the order the members are written, to the combined list of members in the order of the interface declarations. Thus, members declared in the last interface declaration will appear first in the declaration order of the merged type.
For example, a sequence of declarations in this order:
1 | interface Document { |
is equivalent to the following single declaration:
1 | interface Document { |
Note that the members of the last interface declaration appear first in the merged declaration. Also note that the relative order of members declared in the same interface body is preserved.
TODO: Document class and interface declaration merging.
7.3 Interfaces Extending Classes
When an interface type extends a class type it inherits the members of the class but not their implementations. It is as if the interface had declared all of the members of the class without providing an implementation. Interfaces inherit even the private and protected members of a base class. When a class containing private or protected members is the base type of an interface type, that interface type can only be implemented by that class or a descendant class. For example:
1 | class Control { |
In the above example, ‘SelectableControl’ contains all of the members of ‘Control’, including the private ‘state’ property. Since ‘state’ is a private member it is only possible for descendants of ‘Control’ to implement ‘SelectableControl’. This is because only descendants of ‘Control’ will have a ‘state’ private member that originates in the same declaration, which is a requirement for private members to be compatible (section 3.11).
Within the ‘Control’ class it is possible to access the ‘state’ private member through an instance of ‘SelectableControl’. Effectively, a ‘SelectableControl’ acts like a ‘Control’ that is known to have a ‘select’ method. The ‘Button’ and ‘TextBox’ classes are subtypes of ‘SelectableControl’ (because they both inherit from ‘Control’ and have a ‘select’ method), but the ‘Image’ and ‘Location’ classes are not.
7.4 Dynamic Type Checks
TypeScript does not provide a direct mechanism for dynamically testing whether an object implements a particular interface. Instead, TypeScript code can use the JavaScript technique of checking whether an appropriate set of members are present on the object. For example, given the declarations in section 7.1, the following is a dynamic check for the ‘MoverShaker’ interface:
1 | var obj: any = getSomeObject(); |
If such a check is used often it can be abstracted into a function:
1 | function asMoverShaker(obj: any): MoverShaker { |
8 Classes
TypeScript extends JavaScript classes to include type parameters, implements clauses, accessibility modifiers, member variable declarations, and parameter property declarations in constructors.
TODO: Document abstract classes.
8.1 Class Declarations
A class declaration declares a class type and a constructor function.
ClassDeclaration: ( Modified )
class
BindingIdentifieropt TypeParametersopt ClassHeritage {
ClassBody }
A ClassDeclaration introduces a named type (the class type) and a named value (the constructor function) in the containing declaration space. The class type is formed from the instance members declared in the class body and the instance members inherited from the base class. The constructor function is given an anonymous type formed from the constructor declaration, the static member declarations in the class body, and the static members inherited from the base class. The constructor function initializes and returns an instance of the class type.
The BindingIdentifier of a class declaration may not be one of the predefined type names (section 3.8.1). The BindingIdentifier is optional only when the class declaration occurs in an export default declaration (section 11.3.4.2).
A class may optionally have type parameters (section 3.6.1) that serve as placeholders for actual types to be provided when the class is referenced in type references. A class with type parameters is called a generic class. The type parameters of a generic class declaration are in scope in the entire declaration and may be referenced in the ClassHeritage and ClassBody.
The following example introduces both a named type called ‘Point’ (the class type) and a named value called ‘Point’ (the constructor function) in the containing declaration space.
1 | class Point { |
The named type ‘Point’ is exactly equivalent to
1 | interface Point { |
The named value ‘Point’ is a constructor function whose type corresponds to the declaration
1 | var Point: { |
The context in which a class is referenced distinguishes between the class type and the constructor function. For example, in the assignment statement
1 | var p: Point = new Point(10, 20); |
the identifier ‘Point’ in the type annotation refers to the class type, whereas the identifier ‘Point’ in the new
expression refers to the constructor function object.
8.1.1 Class Heritage Specification
TODO: Update this section to reflect expressions in class extends clauses.
The heritage specification of a class consists of optional extends
and implements
clauses. The extends
clause specifies the base class of the class and the implements
clause specifies a set of interfaces for which to validate the class provides an implementation.
ClassHeritage: ( Modified )
ClassExtendsClauseopt ImplementsClauseopt
ClassExtendsClause:
extends
ClassType
ClassType:
TypeReference
ImplementsClause:
implements
ClassOrInterfaceTypeList
A class that includes an extends
clause is called a derived class, and the class specified in the extends
clause is called the base class of the derived class. When a class heritage specification omits the extends
clause, the class does not have a base class. However, as is the case with every object type, type references (section 3.3.1) to the class will appear to have the members of the global interface type named ‘Object’ unless those members are hidden by members with the same name in the class.
The following constraints must be satisfied by the class heritage specification or otherwise a compile-time error occurs:
- If present, the type reference specified in the
extends
clause must denote a class type. Furthermore, the TypeName part of the type reference is required to be a reference to the class constructor function when evaluated as an expression. - A class declaration may not, directly or indirectly, specify a base class that originates in the same declaration. In other words a class cannot, directly or indirectly, be a base class of itself, regardless of type arguments.
- The this-type (section 3.6.3) of the declared class must be assignable (section 3.11.4) to the base type reference and each of the type references listed in the
implements
clause. - The constructor function type created by the class declaration must be assignable to the base class constructor function type, ignoring construct signatures.
The following example illustrates a situation in which the first rule above would be violated:
1 | class A { a: number; } |
When evaluated as an expression, the type reference ‘A’ in the extends
clause doesn’t reference the class constructor function of ‘A’ (instead it references the local variable ‘A’).
The only situation in which the last two constraints above are violated is when a class overrides one or more base class members with incompatible new members.
Note that because TypeScript has a structural type system, a class doesn’t need to explicitly state that it implements an interface—it suffices for the class to simply contain the appropriate set of instance members. The implements
clause of a class provides a mechanism to assert and validate that the class contains the appropriate sets of instance members, but otherwise it has no effect on the class type.
8.1.2 Class Body
The class body consists of zero or more constructor or member declarations. Statements are not allowed in the body of a class—they must be placed in the constructor or in members.
ClassElement: ( Modified )
ConstructorDeclaration
PropertyMemberDeclaration
IndexMemberDeclaration
The body of class may optionally contain a single constructor declaration. Constructor declarations are described in section 8.3.
Member declarations are used to declare instance and static members of the class. Property member declarations are described in section 8.4 and index member declarations are described in section 8.5.
8.2 Members
The members of a class consist of the members introduced through member declarations in the class body and the members inherited from the base class.
8.2.1 Instance and Static Members
Members are either instance members or static members.
Instance members are members of the class type (section 8.2.4) and its associated this-type. Within constructors, instance member functions, and instance member accessors, the type of this
is the this-type (section 3.6.3) of the class.
Static members are declared using the static
modifier and are members of the constructor function type (section 8.2.5). Within static member functions and static member accessors, the type of this
is the constructor function type.
Class type parameters cannot be referenced in static member declarations.
8.2.2 Accessibility
Property members have either public, private, or protected accessibility. The default is public accessibility, but property member declarations may include a public
, private
, or protected
modifier to explicitly specify the desired accessibility.
Public property members can be accessed everywhere without restrictions.
Private property members can be accessed only within their declaring class. Specifically, a private member M declared in a class C can be accessed only within the class body of C.
Protected property members can be accessed only within their declaring class and classes derived from their declaring class, and a protected instance property member must be accessed through an instance of the enclosing class or a subclass thereof. Specifically, a protected member M declared in a class C can be accessed only within the class body of C or the class body of a class derived from C. Furthermore, when a protected instance member M is accessed in a property access E.
M within the body of a class D, the type of E is required to be D or a type that directly or indirectly has D as a base type, regardless of type arguments.
Private and protected accessibility is enforced only at compile-time and serves as no more than an indication of intent. Since JavaScript provides no mechanism to create private and protected properties on an object, it is not possible to enforce the private and protected modifiers in dynamic code at run-time. For example, private and protected accessibility can be defeated by changing an object’s static type to Any and accessing the member dynamically.
The following example demonstrates private and protected accessibility:
1 | class A { |
In class ‘A’, the accesses to ‘x’ are permitted because ‘x’ is declared in ‘A’, and the accesses to ‘y’ are permitted because both take place through an instance of ‘A’ or a type derived from ‘A’. In class ‘B’, access to ‘x’ is not permitted, and the first access to ‘y’ is an error because it takes place through an instance of ‘A’, which is not derived from the enclosing class ‘B’.
8.2.3 Inheritance and Overriding
A derived class inherits all members from its base class it doesn’t override. Inheritance means that a derived class implicitly contains all non-overridden members of the base class. Only public and protected property members can be overridden.
A property member in a derived class is said to override a property member in a base class when the derived class property member has the same name and kind (instance or static) as the base class property member. The type of an overriding property member must be assignable (section 3.11.4) to the type of the overridden property member, or otherwise a compile-time error occurs.
Base class instance member functions can be overridden by derived class instance member functions, but not by other kinds of members.
Base class instance member variables and accessors can be overridden by derived class instance member variables and accessors, but not by other kinds of members.
Base class static property members can be overridden by derived class static property members of any kind as long as the types are compatible, as described above.
An index member in a derived class is said to override an index member in a base class when the derived class index member is of the same index kind (string or numeric) as the base class index member. The type of an overriding index member must be assignable (section 3.11.4) to the type of the overridden index member, or otherwise a compile-time error occurs.
8.2.4 Class Types
A class declaration declares a new named type (section 3.7) called a class type. Within the constructor and instance member functions of a class, the type of this
is the this-type (section 3.6.3) of that class type. The class type has the following members:
- A property for each instance member variable declaration in the class body.
- A property of a function type for each instance member function declaration in the class body.
- A property for each uniquely named instance member accessor declaration in the class body.
- A property for each constructor parameter declared with a
public
,private
, orprotected
modifier. - An index signature for each instance index member declaration in the class body.
- All base class instance property or index members that are not overridden in the class.
All instance property members (including those that are private or protected) of a class must satisfy the constraints implied by the index members of the class as specified in section 3.9.4.
In the example
1 | class A { |
the class type of ‘A’ is equivalent to
1 | interface A { |
and the class type of ‘B’ is equivalent to
1 | interface B { |
Note that static declarations in a class do not contribute to the class type—rather, static declarations introduce properties on the constructor function object. Also note that the declaration of ‘g’ in ‘B’ overrides the member inherited from ‘A’.
8.2.5 Constructor Function Types
The type of the constructor function introduced by a class declaration is called the constructor function type. The constructor function type has the following members:
- If the class contains no constructor declaration and has no base class, a single construct signature with no parameters, having the same type parameters as the class (if any) and returning an instantiation of the class type with those type parameters passed as type arguments.
- If the class contains no constructor declaration and has a base class, a set of construct signatures with the same parameters as those of the base class constructor function type following substitution of type parameters with the type arguments specified in the base class type reference, all having the same type parameters as the class (if any) and returning an instantiation of the class type with those type parameters passed as type arguments.
- If the class contains a constructor declaration with no overloads, a construct signature with the parameter list of the constructor implementation, having the same type parameters as the class (if any) and returning an instantiation of the class type with those type parameters passed as type arguments.
- If the class contains a constructor declaration with overloads, a set of construct signatures with the parameter lists of the overloads, all having the same type parameters as the class (if any) and returning an instantiation of the class type with those type parameters passed as type arguments.
- A property for each static member variable declaration in the class body.
- A property of a function type for each static member function declaration in the class body.
- A property for each uniquely named static member accessor declaration in the class body.
- A property named ‘prototype’, the type of which is an instantiation of the class type with type Any supplied as a type argument for each type parameter.
- All base class constructor function type properties that are not overridden in the class.
Every class automatically contains a static property member named ‘prototype’, the type of which is the containing class with type Any substituted for each type parameter.
The example
1 | class Pair<T1, T2> { |
introduces two named types corresponding to
1 | interface Pair<T1, T2> { |
and two constructor functions corresponding to
1 | var Pair: { |
Note that each construct signature in the constructor function types has the same type parameters as its class and returns an instantiation of its class with those type parameters passed as type arguments. Also note that when a derived class doesn’t declare a constructor, type arguments from the base class reference are substituted before construct signatures are propagated from the base constructor function type to the derived constructor function type.
8.3 Constructor Declarations
A constructor declaration declares the constructor function of a class.
ConstructorDeclaration:
AccessibilityModifieropt constructor
(
ParameterListopt )
{
FunctionBody }
AccessibilityModifieropt constructor
(
ParameterListopt )
;
Constructor declarations that specify a body are called constructor implementations and constructor declarations without a body are called constructor overloads. It is possible to specify multiple constructor overloads in a class, but a class can have at most one constructor implementation. All constructor declarations in a class must specify the same set of modifiers. Only public constructors are supported and private or protected constructors result in an error.
In a class with no constructor declaration, an automatic constructor is provided, as described in section 8.3.3.
When a class has constructor overloads, the overloads determine the construct signatures of the type given to the constructor function object, and the constructor implementation signature (if any) must be assignable to that type. Otherwise, the constructor implementation itself determines the construct signature. This exactly parallels the way overloads are processed in a function declaration (section 6.2).
When a class has both constructor overloads and a constructor implementation, the overloads must precede the implementation and all of the declarations must be consecutive with no intervening grammatical elements.
The function body of a constructor is permitted to contain return statements. If return statements specify expressions, those expressions must be of types that are assignable to the this-type (section 3.6.3) of the class.
The type parameters of a generic class are in scope and accessible in a constructor declaration.
8.3.1 Constructor Parameters
Similar to functions, only the constructor implementation (and not constructor overloads) can specify default value expressions for optional parameters. It is a compile-time error for such default value expressions to reference this
. When the output target is ECMAScript 3 or 5, for each parameter with a default value, a statement that substitutes the default value for an omitted argument is included in the JavaScript generated for the constructor function.
A parameter of a ConstructorImplementation may be prefixed with a public
, private
, or protected
modifier. This is called a parameter property declaration and is shorthand for declaring a property with the same name as the parameter and initializing it with the value of the parameter. For example, the declaration
1 | class Point { |
is equivalent to writing
1 | class Point { |
A parameter property declaration may declare an optional parameter (by including a question mark or a default value), but the property introduced by such a declaration is always considered a required property (section 3.3.6).
8.3.2 Super Calls
Super calls (section 4.9.1) are used to call the constructor of the base class. A super call consists of the keyword super
followed by an argument list enclosed in parentheses. For example:
1 | class ColoredPoint extends Point { |
Constructors of classes with no extends
clause may not contain super calls, whereas constructors of derived classes must contain at least one super call somewhere in their function body. Super calls are not permitted outside constructors or in local functions inside constructors.
The first statement in the body of a constructor must be a super call if both of the following are true:
- The containing class is a derived class.
- The constructor declares parameter properties or the containing class declares instance member variables with initializers.
In such a required super call, it is a compile-time error for argument expressions to reference this
.
Initialization of parameter properties and instance member variables with initializers takes place immediately at the beginning of the constructor body if the class has no base class, or immediately following the super call if the class is a derived class.
8.3.3 Automatic Constructors
If a class omits a constructor declaration, an automatic constructor is provided.
In a class with no extends
clause, the automatic constructor has no parameters and performs no action other than executing the instance member variable initializers (section 8.4.1), if any.
In a derived class, the automatic constructor has the same parameter list (and possibly overloads) as the base class constructor. The automatically provided constructor first forwards the call to the base class constructor using a call equivalent to
1 | BaseClass.apply(this, arguments); |
and then executes the instance member variable initializers, if any.
8.4 Property Member Declarations
Property member declarations can be member variable declarations, member function declarations, or member accessor declarations.
PropertyMemberDeclaration:
MemberVariableDeclaration
MemberFunctionDeclaration
MemberAccessorDeclaration
Member declarations without a static
modifier are called instance member declarations. Instance property member declarations declare properties in the class type (section 8.2.4), and must specify names that are unique among all instance property member and parameter property declarations in the containing class, with the exception that instance get and set accessor declarations may pairwise specify the same name.
Member declarations with a static
modifier are called static member declarations. Static property member declarations declare properties in the constructor function type (section 8.2.5), and must specify names that are unique among all static property member declarations in the containing class, with the exception that static get and set accessor declarations may pairwise specify the same name.
Note that the declaration spaces of instance and static property members are separate. Thus, it is possible to have instance and static property members with the same name.
Except for overrides, as described in section 8.2.3, it is an error for a derived class to declare a property member with the same name and kind (instance or static) as a base class member.
Every class automatically contains a static property member named ‘prototype’, the type of which is an instantiation of the class type with type Any supplied as a type argument for each type parameter. It is an error to explicitly declare a static property member with the name ‘prototype’.
Below is an example of a class containing both instance and static property member declarations:
1 | class Point { |
The class type ‘Point’ has the members:
1 | interface Point { |
and the constructor function ‘Point’ has a type corresponding to the declaration:
1 | var Point: { |
8.4.1 Member Variable Declarations
A member variable declaration declares an instance member variable or a static member variable.
MemberVariableDeclaration:
AccessibilityModifieropt static
opt PropertyName TypeAnnotationopt Initializeropt ;
The type associated with a member variable declaration is determined in the same manner as an ordinary variable declaration (see section 5.2).
An instance member variable declaration introduces a member in the class type and optionally initializes a property on instances of the class. Initializers in instance member variable declarations are executed once for every new instance of the class and are equivalent to assignments to properties of this
in the constructor. In an initializer expression for an instance member variable, this
is of the this-type (section 3.6.3) of the class.
A static member variable declaration introduces a property in the constructor function type and optionally initializes a property on the constructor function object. Initializers in static member variable declarations are executed once when the containing script or module is loaded.
Initializer expressions for instance member variables are evaluated in the scope of the class constructor body but are not permitted to reference parameters or local variables of the constructor. This effectively means that entities from outer scopes by the same name as a constructor parameter or local variable are inaccessible in initializer expressions for instance member variables.
Since instance member variable initializers are equivalent to assignments to properties of this
in the constructor, the example
1 | class Employee { |
is equivalent to
1 | class Employee { |
8.4.2 Member Function Declarations
A member function declaration declares an instance member function or a static member function.
MemberFunctionDeclaration:
AccessibilityModifieropt static
opt PropertyName CallSignature {
FunctionBody }
AccessibilityModifieropt static
opt PropertyName CallSignature ;
A member function declaration is processed in the same manner as an ordinary function declaration (section 6), except that in a member function this
has a known type.
All declarations for the same member function must specify the same accessibility (public, private, or protected) and kind (instance or static).
An instance member function declaration declares a property in the class type and assigns a function object to a property on the prototype object of the class. In the body of an instance member function declaration, this
is of the this-type (section 3.6.3) of the class.
A static member function declaration declares a property in the constructor function type and assigns a function object to a property on the constructor function object. In the body of a static member function declaration, the type of this
is the constructor function type.
A member function can access overridden base class members using a super property access (section 4.9.2). For example
1 | class Point { |
In a static member function, this
represents the constructor function object on which the static member function was invoked. Thus, a call to ‘new this()’ may actually invoke a derived class constructor:
1 | class A { |
Note that TypeScript doesn’t require or verify that derived constructor functions are subtypes of base constructor functions. In other words, changing the declaration of ‘B’ to
1 | class B extends A { |
does not cause errors in the example, even though the call to the constructor from the ‘create’ function doesn’t specify an argument (thus giving the value ‘undefined’ to ‘b’).
8.4.3 Member Accessor Declarations
A member accessor declaration declares an instance member accessor or a static member accessor.
MemberAccessorDeclaration:
AccessibilityModifieropt static
opt GetAccessor
AccessibilityModifieropt static
opt SetAccessor
Get and set accessors are processed in the same manner as in an object literal (section 4.5), except that a contextual type is never available in a member accessor declaration.
Accessors for the same member name must specify the same accessibility.
An instance member accessor declaration declares a property in the class type and defines a property on the prototype object of the class with a get or set accessor. In the body of an instance member accessor declaration, this
is of the this-type (section 3.6.3) of the class.
A static member accessor declaration declares a property in the constructor function type and defines a property on the constructor function object of the class with a get or set accessor. In the body of a static member accessor declaration, the type of this
is the constructor function type.
Get and set accessors are emitted as calls to ‘Object.defineProperty’ in the generated JavaScript, as described in section 8.7.1.
8.4.4 Dynamic Property Declarations
If the PropertyName of a property member declaration is a computed property name that doesn’t denote a well-known symbol (2.2.3), the construct is considered a dynamic property declaration. The following rules apply to dynamic property declarations:
- A dynamic property declaration does not introduce a property in the class type or constructor function type.
- The property name expression of a dynamic property assignment must be of type Any or the String, Number, or Symbol primitive type.
- The name associated with a dynamic property declarations is considered to be a numeric property name if the property name expression is of type Any or the Number primitive type.
8.5 Index Member Declarations
An index member declaration introduces an index signature (section 3.9.4) in the class type.
IndexMemberDeclaration:
IndexSignature ;
Index member declarations have no body and cannot specify an accessibility modifier.
A class declaration can have at most one string index member declaration and one numeric index member declaration. All instance property members of a class must satisfy the constraints implied by the index members of the class as specified in section 3.9.4.
It is not possible to declare index members for the static side of a class.
Note that it is seldom meaningful to include a string index signature in a class because it constrains all instance properties of the class. However, numeric index signatures can be useful to control the element type when a class is used in an array-like manner.
8.6 Decorators
TODO: Document decorators.
8.7 Code Generation
When the output target is ECMAScript 2015 or higher, type parameters, implements clauses, accessibility modifiers, and member variable declarations are removed in the emitted code, but otherwise class declarations are emitted as written. When the output target is ECMAScript 3 or 5, more comprehensive rewrites are performed, as described in this section.
8.7.1 Classes Without Extends Clauses
A class with no extends
clause generates JavaScript equivalent to the following:
1 | var <ClassName> = (function () { |
ClassName is the name of the class.
ConstructorParameters is a comma separated list of the constructor’s parameter names.
DefaultValueAssignments is a sequence of default property value assignments corresponding to those generated for a regular function declaration, as described in section 6.6.
ParameterPropertyAssignments is a sequence of assignments, one for each parameter property declaration in the constructor, in order they are declared, of the form
1 | this.<ParameterName> = <ParameterName>; |
where ParameterName is the name of a parameter property.
MemberVariableAssignments is a sequence of assignments, one for each instance member variable declaration with an initializer, in the order they are declared, of the form
1 | this.<MemberName> = <InitializerExpression>; |
where MemberName is the name of the member variable and InitializerExpression is the code generated for the initializer expression.
ConstructorStatements is the code generated for the statements specified in the constructor body.
MemberFunctionStatements is a sequence of statements, one for each member function declaration or member accessor declaration, in the order they are declared.
An instance member function declaration generates a statement of the form
1 | <ClassName>.prototype.<MemberName> = function (<FunctionParameters>) { |
and static member function declaration generates a statement of the form
1 | <ClassName>.<MemberName> = function (<FunctionParameters>) { |
where MemberName is the name of the member function, and FunctionParameters, DefaultValueAssignments, and FunctionStatements correspond to those generated for a regular function declaration, as described in section 6.6.
A get or set instance member accessor declaration, or a pair of get and set instance member accessor declarations with the same name, generates a statement of the form
1 | Object.defineProperty(<ClassName>.prototype, "<MemberName>", { |
and a get or set static member accessor declaration, or a pair of get and set static member accessor declarations with the same name, generates a statement of the form
1 | Object.defineProperty(<ClassName>, "<MemberName>", { |
where MemberName is the name of the member accessor, GetAccessorStatements is the code generated for the statements in the get acessor’s function body, ParameterName is the name of the set accessor parameter, and SetAccessorStatements is the code generated for the statements in the set accessor’s function body. The ‘get’ property is included only if a get accessor is declared and the ‘set’ property is included only if a set accessor is declared.
StaticVariableAssignments is a sequence of statements, one for each static member variable declaration with an initializer, in the order they are declared, of the form
1 | <ClassName>.<MemberName> = <InitializerExpression>; |
where MemberName is the name of the static variable, and InitializerExpression is the code generated for the initializer expression.
8.7.2 Classes With Extends Clauses
A class with an extends
clause generates JavaScript equivalent to the following:
1 | var <ClassName> = (function (_super) { |
In addition, the ‘__extends’ function below is emitted at the beginning of the JavaScript source file. It copies all properties from the base constructor function object to the derived constructor function object (in order to inherit static members), and appropriately establishes the ‘prototype’ property of the derived constructor function object.
1 | var __extends = this.__extends || function(d, b) { |
BaseClassName is the class name specified in the extends
clause.
If the class has no explicitly declared constructor, the SuperCallStatement takes the form
1 | _super.apply(this, arguments); |
Otherwise the SuperCallStatement is present if the constructor function is required to start with a super call, as discussed in section 8.3.2, and takes the form
1 | _super.call(this, <SuperCallArguments>) |
where SuperCallArguments is the argument list specified in the super call. Note that this call precedes the code generated for parameter properties and member variables with initializers. Super calls elsewhere in the constructor generate similar code, but the code generated for such calls will be part of the ConstructorStatements section.
A super property access in the constructor, an instance member function, or an instance member accessor generates JavaScript equivalent to
1 | _super.prototype.<PropertyName> |
where PropertyName is the name of the referenced base class property. When the super property access appears in a function call, the generated JavaScript is equivalent to
1 | _super.prototype.<PropertyName>.call(this, <Arguments>) |
where Arguments is the code generated for the argument list specified in the function call.
A super property access in a static member function or a static member accessor generates JavaScript equivalent to
1 | _super.<PropertyName> |
where PropertyName is the name of the referenced base class property. When the super property access appears in a function call, the generated JavaScript is equivalent to
1 | _super.<PropertyName>.call(this, <Arguments>) |
where Arguments is the code generated for the argument list specified in the function call.
9 Enums
An enum type is a distinct subtype of the Number primitive type with an associated set of named constants that define the possible values of the enum type.
9.1 Enum Declarations
An enum declaration declares an enum type and an enum object.
EnumDeclaration:
const
opt enum
BindingIdentifier {
EnumBodyopt }
An EnumDeclaration introduces a named type (the enum type) and a named value (the enum object) in the containing declaration space. The enum type is a distinct subtype of the Number primitive type. The enum object is a value of an anonymous object type containing a set of properties, all of the enum type, corresponding to the values declared for the enum type in the body of the declaration. The enum object’s type furthermore includes a numeric index signature with the signature ‘[x: number]: string’.
The BindingIdentifier of an enum declaration may not be one of the predefined type names (section 3.8.1).
When an enum declaration includes a const
modifier it is said to be a constant enum declaration. The members of a constant enum declaration must all have constant values that can be computed at compile time. Constant enum declarations are discussed in section 9.4.
The example
1 | enum Color { Red, Green, Blue } |
declares a subtype of the Number primitive type called ‘Color’ and introduces a variable ‘Color’ with a type that corresponds to the declaration
1 | var Color: { |
The numeric index signature reflects a “reverse mapping” that is automatically generated in every enum object, as described in section 9.5. The reverse mapping provides a convenient way to obtain the string representation of an enum value. For example
1 | var c = Color.Red; |
9.2 Enum Members
The body of an enum declaration defines zero or more enum members which are the named values of the enum type. Each enum member has an associated numeric value of the primitive type introduced by the enum declaration.
EnumBody:
EnumMemberList ,
opt
EnumMemberList:
EnumMember
EnumMemberList ,
EnumMember
EnumMember:
PropertyName
PropertyName = EnumValue
EnumValue:
AssignmentExpression
The PropertyName of an enum member cannot be a computed property name (2.2.3).
Enum members are either constant members or computed members. Constant members have known constant values that are substituted in place of references to the members in the generated JavaScript code. Computed members have values that are computed at run-time and not known at compile-time. No substitution is performed for references to computed members.
An enum member is classified as follows:
- If the member declaration specifies no value, the member is considered a constant enum member. If the member is the first member in the enum declaration, it is assigned the value zero. Otherwise, it is assigned the value of the immediately preceding member plus one, and an error occurs if the immediately preceding member is not a constant enum member.
- If the member declaration specifies a value that can be classified as a constant enum expression (as defined below), the member is considered a constant enum member.
- Otherwise, the member is considered a computed enum member.
Enum value expressions must be of type Any, the Number primitive type, or the enum type itself.
A constant enum expression is a subset of the expression grammar that can be evaluated fully at compile time. An expression is considered a constant enum expression if it is one of the following:
- A numeric literal.
- An identifier or property access that denotes a previously declared member in the same constant enum declaration.
- A parenthesized constant enum expression.
- A +, –, or ~ unary operator applied to a constant enum expression.
- A +, –, *, /, %, <<, >>, >>>, &, ^, or | operator applied to two constant enum expressions.
In the example
1 | enum Test { |
‘A’, ‘B’, ‘D’, and ‘E’ are constant members with values 0, 1, 10, and 11 respectively, and ‘C’ is a computed member.
In the example
1 | enum Style { |
all members are constant members. Note that enum member declarations can reference other enum members without qualification. Also, because enums are subtypes of the Number primitive type, numeric operators, such as the bitwise OR operator, can be used to compute enum values.
9.3 Declaration Merging
Enums are “open-ended” and enum declarations with the same qualified name relative to a common root (as defined in section 2.3) define a single enum type and contribute to a single enum object.
It isn’t possible for one enum declaration to continue the automatic numbering sequence of another, and when an enum type has multiple declarations, only one declaration is permitted to omit a value for the first member.
When enum declarations are merged, they must either all specify a const
modifier or all specify no const
modifier.
9.4 Constant Enum Declarations
An enum declaration that specifies a const
modifier is a constant enum declaration. In a constant enum declaration, all members must have constant values and it is an error for a member declaration to specify an expression that isn’t classified as a constant enum expression.
Unlike regular enum declarations, constant enum declarations are completely erased in the emitted JavaScript code. For this reason, it is an error to reference a constant enum object in any other context than a property access that selects one of the enum’s members. For example:
1 | const enum Comparison { |
The entire const enum declaration is erased in the emitted JavaScript code. Thus, the only permitted references to the enum object are those that are replaced with an enum member value.
9.5 Code Generation
An enum declaration generates JavaScript equivalent to the following:
1 | var <EnumName>; |
EnumName is the name of the enum.
EnumMemberAssignments is a sequence of assignments, one for each enum member, in order they are declared, of the form
1 | <EnumName>[<EnumName>["<MemberName>"] = <Value>] = "<MemberName>"; |
where MemberName is the name of the enum member and Value is the assigned constant value or the code generated for the computed value expression.
For example, the ‘Color’ enum example from section 9.1 generates the following JavaScript:
1 | var Color; |
10 Namespaces
Namespaces provide a mechanism for organizing code and declarations in hierarchies of named containers. Namespaces have named members that each denote a value, a type, or a namespace, or some combination thereof, and those members may be local or exported. The body of a namespace corresponds to a function that is executed once, thereby providing a mechanism for maintaining local state with assured isolation. Namespaces can be thought of as a formalization of the immediately-invoked function expression (IIFE) pattern.
10.1 Namespace Declarations
A namespace declaration introduces a name with a namespace meaning and, in the case of an instantiated namespace, a value meaning in the containing declaration space.
NamespaceDeclaration:
namespace
IdentifierPath {
NamespaceBody }
IdentifierPath:
BindingIdentifier
IdentifierPath .
BindingIdentifier
Namespaces are declared using the namespace
keyword, but for backward compatibility of earlier versions of TypeScript a module
keyword can also be used.
Namespaces are either instantiated or non-instantiated. A non-instantiated namespace is a namespace containing only interface types, type aliases, and other non-instantiated namespace. An instantiated namespace is a namespace that doesn’t meet this definition. In intuitive terms, an instantiated namespace is one for which a namespace instance is created, whereas a non-instantiated namespace is one for which no code is generated.
When a namespace identifier is referenced as a NamespaceName (section 3.8.2) it denotes a container of namespace and type names, and when a namespace identifier is referenced as a PrimaryExpression (section 4.3) it denotes the singleton namespace instance. For example:
1 | namespace M { |
Above, when ‘M’ is used as a PrimaryExpression it denotes an object instance with a single member ‘a’ and when ‘M’ is used as a NamespaceName it denotes a container with a single type member ‘P’. The final line in the example is an error because ‘m’ is a variable which cannot be referenced in a type name.
If the declaration of ‘M’ above had excluded the exported variable ‘a’, ‘M’ would be a non-instantiated namespace and it would be an error to reference ‘M’ as a PrimaryExpression.
A namespace declaration that specifies an IdentifierPath with more than one identifier is equivalent to a series of nested single-identifier namespace declarations where all but the outermost are automatically exported. For example:
1 | namespace A.B.C { |
corresponds to
1 | namespace A { |
The hierarchy formed by namespace and named type names partially mirrors that formed by namespace instances and members. The example
1 | namespace A { |
introduces a named type with the qualified name ‘A.B.C’ and also introduces a constructor function that can be accessed using the expression ‘A.B.C’. Thus, in the example
1 | var c: A.B.C = new A.B.C(); |
the two occurrences of ‘A.B.C’ in fact refer to different entities. It is the context of the occurrences that determines whether ‘A.B.C’ is processed as a type name or an expression.
10.2 Namespace Body
The body of a namespace corresponds to a function that is executed once to initialize the namespace instance.
NamespaceBody:
NamespaceElementsopt
NamespaceElements:
NamespaceElement
NamespaceElements NamespaceElement
NamespaceElement:
Statement
LexicalDeclaration
FunctionDeclaration
GeneratorDeclaration
ClassDeclaration
InterfaceDeclaration
TypeAliasDeclaration
EnumDeclaration
NamespaceDeclaration
AmbientDeclaration
ImportAliasDeclaration
ExportNamespaceElement
ExportNamespaceElement:
export
VariableStatement
export
LexicalDeclaration
export
FunctionDeclaration
export
GeneratorDeclaration
export
ClassDeclaration
export
InterfaceDeclaration
export
TypeAliasDeclaration
export
EnumDeclaration
export
NamespaceDeclaration
export
AmbientDeclaration
export
ImportAliasDeclaration
10.3 Import Alias Declarations
Import alias declarations are used to create local aliases for entities in other namespaces.
ImportAliasDeclaration:
import
BindingIdentifier =
EntityName ;
EntityName:
NamespaceName
NamespaceName .
IdentifierReference
An EntityName consisting of a single identifier is resolved as a NamespaceName and is thus required to reference a namespace. The resulting local alias references the given namespace and is itself classified as a namespace.
An EntityName consisting of more than one identifier is resolved as a NamespaceName followed by an identifier that names an exported entity in the given namespace. The resulting local alias has all the meanings of the referenced entity. (As many as three distinct meanings are possible for an entity name—value, type, and namespace.) In effect, it is as if the imported entity was declared locally with the local alias name.
In the example
1 | namespace A { |
within ‘B’, ‘Y’ is an alias only for namespace ‘A’ and not the local interface ‘A’, whereas ‘Z’ is an alias for all exported meanings of ‘A.X’, thus denoting both an interface type and a variable.
If the NamespaceName portion of an EntityName references an instantiated namespace, the NamespaceName is required to reference the namespace instance when evaluated as an expression. In the example
1 | namespace A { |
‘Y’ is a local alias for the non-instantiated namespace ‘A’. If the declaration of ‘A’ is changed such that ‘A’ becomes an instantiated namespace, for example by including a variable declaration in ‘A’, the import statement in ‘B’ above would be an error because the expression ‘A’ doesn’t reference the namespace instance of namespace ‘A’.
When an import statement includes an export modifier, all meanings of the local alias are exported.
10.4 Export Declarations
An export declaration declares an externally accessible namespace member. An export declaration is simply a regular declaration prefixed with the keyword export
.
The members of a namespace’s export declaration space (section 2.3) constitute the namespace’s export member set. A namespace’s instance type is an object type with a property for each member in the namespace’s export member set that denotes a value.
An exported member depends on a (possibly empty) set of named types (section 3.7). Those named types must be at least as accessible as the exported member, or otherwise an error occurs.
The named types upon which a member depends are the named types occurring in the transitive closure of the directly depends on relationship defined as follows:
- A variable directly depends on the Type specified in its type annotation.
- A function directly depends on each Type specified in a parameter or return type annotation.
- A class directly depends on each Type specified as a type parameter constraint, each TypeReference specified as a base class or implemented interface, and each Type specified in a constructor parameter type annotation, public member variable type annotation, public member function parameter or return type annotation, public member accessor parameter or return type annotation, or index signature type annotation.
- An interface directly depends on each Type specified as a type parameter constraint, each TypeReference specified as a base interface, and the ObjectType specified as its body.
- A namespace directly depends on its exported members.
- A Type or ObjectType directly depends on every TypeReference that occurs within the type at any level of nesting.
- A TypeReference directly depends on the type it references and on each Type specified as a type argument.
A named type T having a root namespace R (section 2.3) is said to be at least as accessible as a member M if
- R is the global namespace or a module, or
- R is a namespace in the parent namespace chain of M.
In the example
1 | interface A { x: string; } |
the ‘foo’ function depends upon the named types ‘A’, ‘B’, and ‘C’. In order to export ‘foo’ it is necessary to also export ‘B’ and ‘C’ as they otherwise would not be at least as accessible as ‘foo’. The ‘A’ interface is already at least as accessible as ‘foo’ because I t is declared in a parent namespace of foo’s namespace.
10.5 Declaration Merging
Namespaces are “open-ended” and namespace declarations with the same qualified name relative to a common root (as defined in section 2.3) contribute to a single namespace. For example, the following two declarations of a namespace ‘outer’ might be located in separate source files.
File a.ts:
1 | namespace outer { |
File b.ts:
1 | namespace outer { |
Assuming the two source files are part of the same program, the two declarations will have the global namespace as their common root and will therefore contribute to the same namespace instance, the instance type of which will be:
1 | { |
Declaration merging does not apply to local aliases created by import alias declarations. In other words, it is not possible have an import alias declaration and a namespace declaration for the same name within the same namespace body.
TODO: Clarify rules for alias resolution.
Declaration merging also extends to namespace declarations with the same qualified name relative to a common root as a function, class, or enum declaration:
- When merging a function and a namespace, the type of the function object is merged with the instance type of the namespace. In effect, the overloads or implementation of the function provide the call signatures and the exported members of the namespace provide the properties of the combined type.
- When merging a class and a namespace, the type of the constructor function object is merged with the instance type of the namespace. In effect, the overloads or implementation of the class constructor provide the construct signatures, and the static members of the class and exported members of the namespace provide the properties of the combined type. It is an error to have static class members and exported namespace members with the same name.
- When merging an enum and a namespace, the type of the enum object is merged with the instance type of the namespace. In effect, the members of the enum and the exported members of the namespace provide the properties of the combined type. It is an error to have enum members and exported namespace members with the same name.
When merging a non-ambient function or class declaration and a non-ambient namespace declaration, the function or class declaration must be located prior to the namespace declaration in the same source file. This ensures that the shared object instance is created as a function object. (While it is possible to add properties to an object after its creation, it is not possible to make an object “callable” after the fact.)
The example
1 | interface Point { |
declares ‘point’ as a function object with two properties, ‘origin’ and ‘equals’. Note that the namespace declaration for ‘point’ is located after the function declaration.
10.6 Code Generation
A namespace generates JavaScript code that is equivalent to the following:
1 | var <NamespaceName>; |
where NamespaceName is the name of the namespace and NamespaceStatements is the code generated for the statements in the namespace body. The NamespaceName function parameter may be prefixed with one or more underscore characters to ensure the name is unique within the function body. Note that the entire namespace is emitted as an anonymous function that is immediately executed. This ensures that local variables are in their own lexical environment isolated from the surrounding context. Also note that the generated function doesn’t create and return a namespace instance, but rather it extends the existing instance (which may have just been created in the function call). This ensures that namespaces can extend each other.
An import statement generates code of the form
1 | var <Alias> = <EntityName>; |
This code is emitted only if the imported entity is referenced as a PrimaryExpression somewhere in the body of the importing namespace. If an imported entity is referenced only as a TypeName or NamespaceName, nothing is emitted. This ensures that types declared in one namespace can be referenced through an import alias in another namespace with no run-time overhead.
When a variable is exported, all references to the variable in the body of the namespace are replaced with
1 | <NamespaceName>.<VariableName> |
This effectively promotes the variable to be a property on the namespace instance and ensures that all references to the variable become references to the property.
When a function, class, enum, or namespace is exported, the code generated for the entity is followed by an assignment statement of the form
1 | <NamespaceName>.<EntityName> = <EntityName>; |
This copies a reference to the entity into a property on the namespace instance.
11 Scripts and Modules
TypeScript implements support for ECMAScript 2015 modules and supports down-level code generation targeting CommonJS, AMD, and other module systems.
11.1 Programs and Source Files
A TypeScript program consists of one or more source files.
SourceFile:
ImplementationSourceFile
DeclarationSourceFile
ImplementationSourceFile:
ImplementationScript
ImplementationModule
DeclarationSourceFile:
DeclarationScript
DeclarationModule
Source files with extension ‘.ts’ are implementation source files containing statements and declarations, and source files with extension ‘.d.ts’ are declaration source files containing declarations only.
Declaration source files are a strict subset of implementation source files and are used to declare the static type information associated with existing JavaScript code in an adjunct manner. They are entirely optional but enable the TypeScript compiler and tools to provide better verification and assistance when integrating existing JavaScript code and libraries in a TypeScript application.
When a TypeScript program is compiled, all of the program’s source files are processed together. Statements and declarations in different source files can depend on each other, possibly in a circular fashion. By default, a JavaScript output file is generated for each implementation source file in a compilation, but no output is generated from declaration source files.
11.1.1 Source Files Dependencies
The TypeScript compiler automatically determines a source file’s dependencies and includes those dependencies in the program being compiled. The determination is made from “reference comments” and module import declarations as follows:
- A comment of the form /// <reference path=”…”/> that occurs before the first token in a source file adds a dependency on the source file specified in the path argument. The path is resolved relative to the directory of the containing source file.
- A module import declaration that specifies a relative module name (section 11.3.1) resolves the name relative to the directory of the containing source file. If a source file with the resulting path and file extension ‘.ts’ exists, that file is added as a dependency. Otherwise, if a source file with the resulting path and file extension ‘.d.ts’ exists, that file is added as a dependency.
- A module import declaration that specifies a top-level module name (section 11.3.1) resolves the name in a host dependent manner (typically by resolving the name relative to a module name space root or searching for the name in a series of directories). If a source file with extension ‘.ts’ or ‘.d.ts’ corresponding to the reference is located, that file is added as a dependency.
Any files included as dependencies in turn have their references analyzed in a transitive manner until all dependencies have been determined.
11.2 Scripts
Source files that contain no module import or export declarations are classified as scripts. Scripts form the single global namespace and entities declared in scripts are in scope everywhere in a program.
ImplementationScript:
ImplementationScriptElementsopt
ImplementationScriptElements:
ImplementationScriptElement
ImplementationScriptElements ImplementationScriptElement
ImplementationScriptElement:
ImplementationElement
AmbientModuleDeclaration
ImplementationElement:
Statement
LexicalDeclaration
FunctionDeclaration
GeneratorDeclaration
ClassDeclaration
InterfaceDeclaration
TypeAliasDeclaration
EnumDeclaration
NamespaceDeclaration
AmbientDeclaration
ImportAliasDeclaration
DeclarationScript:
DeclarationScriptElementsopt
DeclarationScriptElements:
DeclarationScriptElement
DeclarationScriptElements DeclarationScriptElement
DeclarationScriptElement:
DeclarationElement
AmbientModuleDeclaration
DeclarationElement:
InterfaceDeclaration
TypeAliasDeclaration
NamespaceDeclaration
AmbientDeclaration
ImportAliasDeclaration
The initialization order of the scripts that make up the global namespace ultimately depends on the order in which the generated JavaScript files are loaded at run-time (which, for example, may be controlled by <script/> tags that reference the generated JavaScript files).
11.3 Modules
Source files that contain at least one module import or export declaration are considered separate modules. Non-exported entities declared in a module are in scope only in that module, but exported entities can be imported into other modules using import declarations.
ImplementationModule:
ImplementationModuleElementsopt
ImplementationModuleElements:
ImplementationModuleElement
ImplementationModuleElements ImplementationModuleElement
ImplementationModuleElement:
ImplementationElement
ImportDeclaration
ImportAliasDeclaration
ImportRequireDeclaration
ExportImplementationElement
ExportDefaultImplementationElement
ExportListDeclaration
ExportAssignment
DeclarationModule:
DeclarationModuleElementsopt
DeclarationModuleElements:
DeclarationModuleElement
DeclarationModuleElements DeclarationModuleElement
DeclarationModuleElement:
DeclarationElement
ImportDeclaration
ImportAliasDeclaration
ExportDeclarationElement
ExportDefaultDeclarationElement
ExportListDeclaration
ExportAssignment
Initialization order of modules is determined by the module loader being used and is not specified by the TypeScript language. However, it is generally the case that non-circularly dependent modules are automatically loaded and initialized in the correct order.
Modules can additionally be declared using AmbientModuleDeclarations in declaration scripts that directly specify the module names as string literals. This is described further in section 12.2.
Below is an example of two modules written in separate source files:
1 | // -------- main.ts -------- |
The import declaration in the ‘main’ module references the ‘log’ module and compiling the ‘main.ts’ file causes the ‘log.ts’ file to also be compiled as part of the program.
TypeScript supports multiple patterns of JavaScript code generation for modules:
- CommonJS. This format is used by server frameworks such as node.js.
- AMD (Asynchronous Module Definition). This format is used by asynchronous module loaders such as RequireJS.
- UMD (Universal Module Definition). A variation of the AMD format that allows modules to also be loaded by CommonJS loaders.
- System. This format is used to represent ECMAScript 2015 semantics with high fidelity in down-level environments.
The desired module code generation pattern is selected through a compiler option and does not affect the TypeScript source code. Indeed, it is possible to author modules that can be compiled for use both on the server side (e.g. using node.js) and on the client side (using an AMD compliant loader) with no changes to the TypeScript source code.
11.3.1 Module Names
Modules are identified and referenced using module names. The following definition is aligned with that provided in the CommonJS Modules 1.0 specification.
- A module name is a string of terms delimited by forward slashes.
- Module names may not have file-name extensions like “.js”.
- Module names may be relative or top-level. A module name is relative if the first term is “.” or “..”.
- Top-level names are resolved off the conceptual module name space root.
- Relative names are resolved relative to the name of the module in which they occur.
For purposes of resolving module references, TypeScript associates a file path with every module. The file path is simply the path of the module’s source file without the file extension. For example, a module contained in the source file ‘C:\src\lib\io.ts’ has the file path ‘C:/src/lib/io’ and a module contained in the source file ‘C:\src\ui\editor.d.ts’ has the file path ‘C:/src/ui/editor’.
A module name in an import declaration is resolved as follows:
- If the import declaration specifies a relative module name, the name is resolved relative to the directory of the referencing module’s file path. The program must contain a module with the resulting file path or otherwise an error occurs. For example, in a module with the file path ‘C:/src/ui/main’, the module names ‘./editor’ and ‘../lib/io’ reference modules with the file paths ‘C:/src/ui/editor’ and ‘C:/src/lib/io’.
- If the import declaration specifies a top-level module name and the program contains an AmbientModuleDeclaration (section 12.2) with a string literal that specifies that exact name, then the import declaration references that ambient module.
- If the import declaration specifies a top-level module name and the program contains no AmbientModuleDeclaration (section 12.2) with a string literal that specifies that exact name, the name is resolved in a host dependent manner (for example by considering the name relative to a module name space root). If a matching module cannot be found an error occurs.
11.3.2 Import Declarations
Import declarations are used to import entities from other modules and provide bindings for them in the current module.
An import declaration of the form
1 | import * as m from "mod"; |
imports the module with the given name and creates a local binding for the module itself. The local binding is classified as a value (representing the module instance) and a namespace (representing a container of types and namespaces).
An import declaration of the form
1 | import { x, y, z } from "mod"; |
imports a given module and creates local bindings for a specified list of exported members of the module. The specified names must each reference an entity in the export member set (11.3.4.4) of the given module. The local bindings have the same names and classifications as the entities they represent unless as
clauses are used to that specify different local names:
1 | import { x as a, y as b } from "mod"; |
An import declaration of the form
1 | import d from "mod"; |
is exactly equivalent to the import declaration
1 | import { default as d } from "mod"; |
An import declaration of the form
1 | import "mod"; |
imports the given module without creating any local bindings (this is useful only if the imported module has side effects).
11.3.3 Import Require Declarations
Import require declarations exist for backward compatibility with earlier versions of TypeScript.
ImportRequireDeclaration:
import
BindingIdentifier =
require
(
StringLiteral )
;
An import require declaration introduces a local identifier that references a given module. The string literal specified in an import require declaration is interpreted as a module name (section 11.3.1). The local identifier introduced by the declaration becomes an alias for, and is classified exactly like, the entity exported from the referenced module. Specifically, if the referenced module contains no export assignment the identifier is classified as a value and a namespace, and if the referenced module contains an export assignment the identifier is classified exactly like the entity named in the export assignment.
An import require declaration of the form
1 | import m = require("mod"); |
is equivalent to the ECMAScript 2015 import declaration
1 | import * as m from "mod"; |
provided the referenced module contains no export assignment.
11.3.4 Export Declarations
An export declaration declares one or more exported module members. The exported members of a module can be imported in other modules using import declarations (11.3.2).
11.3.4.1 Export Modifiers
In the body of a module, a declaration can export the declared entity by including an export
modifier.
ExportImplementationElement:
export
VariableStatement
export
LexicalDeclaration
export
FunctionDeclaration
export
GeneratorDeclaration
export
ClassDeclaration
export
InterfaceDeclaration
export
TypeAliasDeclaration
export
EnumDeclaration
export
NamespaceDeclaration
export
AmbientDeclaration
export
ImportAliasDeclaration
ExportDeclarationElement:
export
InterfaceDeclaration
export
TypeAliasDeclaration
export
AmbientDeclaration
export
ImportAliasDeclaration
In addition to introducing a name in the local declaration space of the module, an exported declaration introduces the same name with the same classification in the module’s export declaration space. For example, the declaration
1 | export function point(x: number, y: number) { |
introduces a local name point
and an exported name point
that both reference the function.
11.3.4.2 Export Default Declarations
Export default declarations provide short-hand syntax for exporting an entity named default
.
ExportDefaultImplementationElement:
export
default
FunctionDeclaration
export
default
GeneratorDeclaration
export
default
ClassDeclaration
export
default
AssignmentExpression ;
ExportDefaultDeclarationElement:
export
default
AmbientFunctionDeclaration
export
default
AmbientClassDeclaration
export
default
IdentifierReference ;
An ExportDefaultImplementationElement or ExportDefaultDeclarationElement for a function, generator, or class introduces a value named default
, and in the case of a class, a type named default
, in the containing module’s export declaration space. The declaration may optionally specify a local name for the exported function, generator, or class. For example, the declaration
1 | export default function point(x: number, y: number) { |
introduces a local name point
and an exported name default
that both reference the function. The declaration is effectively equivalent to
1 | function point(x: number, y: number) { |
which again is equivalent to
1 | function point(x: number, y: number) { |
An ExportDefaultImplementationElement or ExportDefaultDeclarationElement for an expression consisting of a single identifier must name an entity declared in the current module or the global namespace. The declaration introduces an entity named default
, with the same classification as the referenced entity, in the containing module’s export declaration space. For example, the declarations
1 | interface Point { |
introduce a local name Point
and an exported name default
, both with a value and a type meaning.
An ExportDefaultImplementationElement for any expression but a single identifier introduces a value named default
in the containing module’s export declaration space. For example, the declaration
1 | export default "hello"; |
introduces an exported value named default
of type string.
11.3.4.3 Export List Declarations
An export list declaration exports one or more entities from the current module or a specified module.
ExportListDeclaration:
export
*
FromClause ;
export
ExportClause FromClause ;
export
ExportClause ;
An ExportListDeclaration without a FromClause exports entities from the current module. In a declaration of the form
1 | export { x }; |
the name x
must reference an entity declared in the current module or the global namespace, and the declaration introduces an entity with the same name and meaning in the containing module’s export declaration space.
An ExportListDeclaration with a FromClause re-exports entities from a specified module. In a declaration of the form
1 | export { x } from "mod"; |
the name x
must reference an entity in the export member set of the specified module, and the declaration introduces an entity with the same name and meaning in the containing module’s export declaration space. No local bindings are created for x
.
The ExportClause of an ExportListDeclaration can specify multiple entities and may optionally specify different names to be used for the exported entities. For example, the declaration
1 | export { x, y as b, z as c }; |
introduces entities named x
, b
, and c
in the containing module’s export declaration space with the same meaning as the local entities named x
, y
, and z
respectively.
An ExportListDeclaration that specifies *
instead of an ExportClause is called an export star declaration. An export star declaration re-exports all members of a specified module.
1 | export * from "mod"; |
Explicitly exported members take precedence over members re-exported using export star declarations, as described in the following section.
11.3.4.4 Export Member Set
The export member set of a particular module is determined by starting with an empty set of members E and an empty set of processed modules P, and then processing the module as described below to form the full set of exported members in E. Processing a module M consists of these steps:
- Add M to P.
- Add to E each member in the export declaration space of M with a name that isn’t already in E.
- For each export star declaration in M, in order of declaration, process the referenced module if it is not already in P.
A module’s instance type is an object type with a property for each member in the module’s export member set that denotes a value.
If a module contains an export assignment it is an error for the module to also contain export declarations. The two types of exports are mutually exclusive.
11.3.5 Export Assignments
Export assignments exist for backward compatibility with earlier versions of TypeScript. An export assignment designates a module member as the entity to be exported in place of the module itself.
ExportAssignment:
export
=
IdentifierReference ;
A module containing an export assignment can be imported using an import require declaration (11.3.3), and the local alias introduced by the import require declaration then takes on all meanings of the identifier named in the export assignment.
A module containing an export assignment can also be imported using a regular import declaration (11.3.2) provided the entity referenced in the export assignment is declared as a namespace or as a variable with a type annotation.
Assume the following example resides in the file ‘point.ts’:
1 | export = Point; |
When ‘point.ts’ is imported in another module, the import alias references the exported class and can be used both as a type and as a constructor function:
1 | import Pt = require("./point"); |
Note that there is no requirement that the import alias use the same name as the exported entity.
11.3.6 CommonJS Modules
The CommonJS Modules definition specifies a methodology for writing JavaScript modules with implied privacy, the ability to import other modules, and the ability to explicitly export members. A CommonJS compliant system provides a ‘require’ function that can be used to synchronously load other modules to obtain their singleton module instance, as well as an ‘exports’ variable to which a module can add properties to define its external API.
The ‘main’ and ‘log’ example from section 11.3 above generates the following JavaScript code when compiled for the CommonJS Modules pattern:
File main.js:
1 | var log_1 = require("./log"); |
File log.js:
1 | function message(s) { |
A module import declaration is represented in the generated JavaScript as a variable initialized by a call to the ‘require’ function provided by the module system host. A variable declaration and ‘require’ call is emitted for a particular imported module only if the imported module, or a local alias (section 10.3) that references the imported module, is referenced as a PrimaryExpression somewhere in the body of the importing module. If an imported module is referenced only as a NamespaceName or TypeQueryExpression, nothing is emitted.
An example:
File geometry.ts:
1 | export interface Point { x: number; y: number }; |
File game.ts:
1 | import * as g from "./geometry"; |
The ‘game’ module references the imported ‘geometry’ module in an expression (through its alias ‘g’) and a ‘require’ call is therefore included in the emitted JavaScript:
1 | var g = require("./geometry"); |
Had the ‘game’ module instead been written to only reference ‘geometry’ in a type position
1 | import * as g from "./geometry"; |
the emitted JavaScript would have no dependency on the ‘geometry’ module and would simply be
1 | var p = { x: 10, y: 20 }; |
11.3.7 AMD Modules
The Asynchronous Module Definition (AMD) specification extends the CommonJS Modules specification with a pattern for authoring asynchronously loadable modules with associated dependencies. Using the AMD pattern, modules are emitted as calls to a global ‘define’ function taking an array of dependencies, specified as module names, and a callback function containing the module body. The global ‘define’ function is provided by including an AMD compliant loader in the application. The loader arranges to asynchronously load the module’s dependencies and, upon completion, calls the callback function passing resolved module instances as arguments in the order they were listed in the dependency array.
The “main” and “log” example from above generates the following JavaScript code when compiled for the AMD pattern.
File main.js:
1 | define(["require", "exports", "./log"], function(require, exports, log_1) { |
File log.js:
1 | define(["require", "exports"], function(require, exports) { |
The special ‘require’ and ‘exports’ dependencies are always present. Additional entries are added to the dependencies array and the parameter list as required to represent imported modules. Similar to the code generation for CommonJS Modules, a dependency entry is generated for a particular imported module only if the imported module is referenced as a PrimaryExpression somewhere in the body of the importing module. If an imported module is referenced only as a NamespaceName, no dependency is generated for that module.
12 Ambients
Ambient declarations are used to provide static typing over existing JavaScript code. Ambient declarations differ from regular declarations in that no JavaScript code is emitted for them. Instead of introducing new variables, functions, classes, enums, or namespaces, ambient declarations provide type information for entities that exist “ambiently” and are included in a program by external means, for example by referencing a JavaScript library in a <script/> tag.
12.1 Ambient Declarations
Ambient declarations are written using the declare
keyword and can declare variables, functions, classes, enums, namespaces, or modules.
AmbientDeclaration:
declare
AmbientVariableDeclaration
declare
AmbientFunctionDeclaration
declare
AmbientClassDeclaration
declare
AmbientEnumDeclaration
declare
AmbientNamespaceDeclaration
12.1.1 Ambient Variable Declarations
An ambient variable declaration introduces a variable in the containing declaration space.
AmbientVariableDeclaration:
var
AmbientBindingList ;
let
AmbientBindingList ;
const
AmbientBindingList ;
AmbientBindingList:
AmbientBinding
AmbientBindingList ,
AmbientBinding
AmbientBinding:
BindingIdentifier TypeAnnotationopt
An ambient variable declaration may optionally include a type annotation. If no type annotation is present, the variable is assumed to have type Any.
An ambient variable declaration does not permit an initializer expression to be present.
12.1.2 Ambient Function Declarations
An ambient function declaration introduces a function in the containing declaration space.
AmbientFunctionDeclaration:
function
BindingIdentifier CallSignature ;
Ambient functions may be overloaded by specifying multiple ambient function declarations with the same name, but it is an error to declare multiple overloads that are considered identical (section 3.11.2) or differ only in their return types.
Ambient function declarations cannot specify a function bodies and do not permit default parameter values.
12.1.3 Ambient Class Declarations
An ambient class declaration declares a class type and a constructor function in the containing declaration space.
AmbientClassDeclaration:
class
BindingIdentifier TypeParametersopt ClassHeritage {
AmbientClassBody }
AmbientClassBody:
AmbientClassBodyElementsopt
AmbientClassBodyElements:
AmbientClassBodyElement
AmbientClassBodyElements AmbientClassBodyElement
AmbientClassBodyElement:
AmbientConstructorDeclaration
AmbientPropertyMemberDeclaration
IndexSignature
AmbientConstructorDeclaration:
constructor
(
ParameterListopt )
;
AmbientPropertyMemberDeclaration:
AccessibilityModifieropt static
opt PropertyName TypeAnnotationopt ;
AccessibilityModifieropt static
opt PropertyName CallSignature ;
12.1.4 Ambient Enum Declarations
An ambient enum is grammatically equivalent to a non-ambient enum declaration.
AmbientEnumDeclaration:
EnumDeclaration
Ambient enum declarations differ from non-ambient enum declarations in two ways:
- In ambient enum declarations, all values specified in enum member declarations must be classified as constant enum expressions.
- In ambient enum declarations that specify no
const
modifier, enum member declarations that omit a value are considered computed members (as opposed to having auto-incremented values assigned).
Ambient enum declarations are otherwise processed in the same manner as non-ambient enum declarations.
12.1.5 Ambient Namespace Declarations
An ambient namespace declaration declares a namespace.
AmbientNamespaceDeclaration:
namespace
IdentifierPath {
AmbientNamespaceBody }
AmbientNamespaceBody:
AmbientNamespaceElementsopt
AmbientNamespaceElements:
AmbientNamespaceElement
AmbientNamespaceElements AmbientNamespaceElement
AmbientNamespaceElement:
export
opt AmbientVariableDeclaration
export
opt AmbientLexicalDeclaration
export
opt AmbientFunctionDeclaration
export
opt AmbientClassDeclaration
export
opt InterfaceDeclaration
export
opt AmbientEnumDeclaration
export
opt AmbientNamespaceDeclaration
export
opt ImportAliasDeclaration
Except for ImportAliasDeclarations, AmbientNamespaceElements always declare exported entities regardless of whether they include the optional export
modifier.
12.2 Ambient Module Declarations
An AmbientModuleDeclaration declares a module. This type of declaration is permitted only at the top level in a source file that contributes to the global namespace (section 11.1). The StringLiteral must specify a top-level module name. Relative module names are not permitted.
AmbientModuleDeclaration:
declare
module
StringLiteral {
DeclarationModule }
An ImportRequireDeclaration in an AmbientModuleDeclaration may reference other modules only through top-level module names. Relative module names are not permitted.
If an ambient module declaration includes an export assignment, it is an error for any of the declarations within the module to specify an export
modifier. If an ambient module declaration contains no export assignment, entities declared in the module are exported regardless of whether their declarations include the optional export
modifier.
Ambient modules are “open-ended” and ambient module declarations with the same string literal name contribute to a single module. For example, the following two declarations of a module ‘io’ might be located in separate source files.
1 | declare module "io" { |
This has the same effect as a single combined declaration:
1 | declare module "io" { |
A Grammar
This appendix contains a summary of the grammar found in the main document. As described in section 2.1, the TypeScript grammar is a superset of the grammar defined in the ECMAScript 2015 Language Specification (specifically, the ECMA-262 Standard, 6th Edition) and this appendix lists only productions that are new or modified from the ECMAScript grammar.
A.1 Types
TypeParameters:
<
TypeParameterList >
TypeParameterList:
TypeParameter
TypeParameterList ,
TypeParameter
TypeParameter:
BindingIdentifier Constraintopt
Constraint:
extends
Type
TypeArguments:
<
TypeArgumentList >
TypeArgumentList:
TypeArgument
TypeArgumentList ,
TypeArgument
TypeArgument:
Type
Type:
UnionOrIntersectionOrPrimaryType
FunctionType
ConstructorType
UnionOrIntersectionOrPrimaryType:
UnionType
IntersectionOrPrimaryType
IntersectionOrPrimaryType:
IntersectionType
PrimaryType
PrimaryType:
ParenthesizedType
PredefinedType
TypeReference
ObjectType
ArrayType
TupleType
TypeQuery
ThisType
ParenthesizedType:
(
Type )
PredefinedType:
any
number
boolean
string
symbol
void
TypeReference:
TypeName [no LineTerminator here] TypeArgumentsopt
TypeName:
IdentifierReference
NamespaceName .
IdentifierReference
NamespaceName:
IdentifierReference
NamespaceName .
IdentifierReference
ObjectType:
{
TypeBodyopt }
TypeBody:
TypeMemberList ;
opt
TypeMemberList ,
opt
TypeMemberList:
TypeMember
TypeMemberList ;
TypeMember
TypeMemberList ,
TypeMember
TypeMember:
PropertySignature
CallSignature
ConstructSignature
IndexSignature
MethodSignature
ArrayType:
PrimaryType [no LineTerminator here] [
]
TupleType:
[
TupleElementTypes ]
TupleElementTypes:
TupleElementType
TupleElementTypes ,
TupleElementType
TupleElementType:
Type
UnionType:
UnionOrIntersectionOrPrimaryType |
IntersectionOrPrimaryType
IntersectionType:
IntersectionOrPrimaryType &
PrimaryType
FunctionType:
TypeParametersopt (
ParameterListopt )
=>
Type
ConstructorType:
new
TypeParametersopt (
ParameterListopt )
=>
Type
TypeQuery:
typeof
TypeQueryExpression
TypeQueryExpression:
IdentifierReference
TypeQueryExpression .
IdentifierName
ThisType:
this
PropertySignature:
PropertyName ?
opt TypeAnnotationopt
PropertyName:
IdentifierName
StringLiteral
NumericLiteral
TypeAnnotation:
:
Type
CallSignature:
TypeParametersopt (
ParameterListopt )
TypeAnnotationopt
ParameterList:
RequiredParameterList
OptionalParameterList
RestParameter
RequiredParameterList ,
OptionalParameterList
RequiredParameterList ,
RestParameter
OptionalParameterList ,
RestParameter
RequiredParameterList ,
OptionalParameterList ,
RestParameter
RequiredParameterList:
RequiredParameter
RequiredParameterList ,
RequiredParameter
RequiredParameter:
AccessibilityModifieropt BindingIdentifierOrPattern TypeAnnotationopt
BindingIdentifier :
StringLiteral
AccessibilityModifier:
public
private
protected
BindingIdentifierOrPattern:
BindingIdentifier
BindingPattern
OptionalParameterList:
OptionalParameter
OptionalParameterList ,
OptionalParameter
OptionalParameter:
AccessibilityModifieropt BindingIdentifierOrPattern ?
TypeAnnotationopt
AccessibilityModifieropt BindingIdentifierOrPattern TypeAnnotationopt Initializer
BindingIdentifier ?
:
StringLiteral
RestParameter:
...
BindingIdentifier TypeAnnotationopt
ConstructSignature:
new
TypeParametersopt (
ParameterListopt )
TypeAnnotationopt
IndexSignature:
[
BindingIdentifier :
string
]
TypeAnnotation
[
BindingIdentifier :
number
]
TypeAnnotation
MethodSignature:
PropertyName ?
opt CallSignature
TypeAliasDeclaration:
type
BindingIdentifier TypeParametersopt =
Type ;
A.2 Expressions
PropertyDefinition: ( Modified )
IdentifierReference
CoverInitializedName
PropertyName :
AssignmentExpression
PropertyName CallSignature {
FunctionBody }
GetAccessor
SetAccessor
GetAccessor:
get
PropertyName (
)
TypeAnnotationopt {
FunctionBody }
SetAccessor:
set
PropertyName (
BindingIdentifierOrPattern TypeAnnotationopt )
{
FunctionBody }
FunctionExpression: ( Modified )
function
BindingIdentifieropt CallSignature {
FunctionBody }
ArrowFormalParameters: ( Modified )
CallSignature
Arguments: ( Modified )
TypeArgumentsopt (
ArgumentListopt )
UnaryExpression: ( Modified )
…
<
Type >
UnaryExpression
A.3 Statements
Declaration: ( Modified )
…
InterfaceDeclaration
TypeAliasDeclaration
EnumDeclaration
VariableDeclaration: ( Modified )
SimpleVariableDeclaration
DestructuringVariableDeclaration
SimpleVariableDeclaration:
BindingIdentifier TypeAnnotationopt Initializeropt
DestructuringVariableDeclaration:
BindingPattern TypeAnnotationopt Initializer
LexicalBinding: ( Modified )
SimpleLexicalBinding
DestructuringLexicalBinding
SimpleLexicalBinding:
BindingIdentifier TypeAnnotationopt Initializeropt
DestructuringLexicalBinding:
BindingPattern TypeAnnotationopt Initializeropt
A.4 Functions
FunctionDeclaration: ( Modified )
function
BindingIdentifieropt CallSignature {
FunctionBody }
function
BindingIdentifieropt CallSignature ;
A.5 Interfaces
InterfaceDeclaration:
interface
BindingIdentifier TypeParametersopt InterfaceExtendsClauseopt ObjectType
InterfaceExtendsClause:
extends
ClassOrInterfaceTypeList
ClassOrInterfaceTypeList:
ClassOrInterfaceType
ClassOrInterfaceTypeList ,
ClassOrInterfaceType
ClassOrInterfaceType:
TypeReference
A.6 Classes
ClassDeclaration: ( Modified )
class
BindingIdentifieropt TypeParametersopt ClassHeritage {
ClassBody }
ClassHeritage: ( Modified )
ClassExtendsClauseopt ImplementsClauseopt
ClassExtendsClause:
extends
ClassType
ClassType:
TypeReference
ImplementsClause:
implements
ClassOrInterfaceTypeList
ClassElement: ( Modified )
ConstructorDeclaration
PropertyMemberDeclaration
IndexMemberDeclaration
ConstructorDeclaration:
AccessibilityModifieropt constructor
(
ParameterListopt )
{
FunctionBody }
AccessibilityModifieropt constructor
(
ParameterListopt )
;
PropertyMemberDeclaration:
MemberVariableDeclaration
MemberFunctionDeclaration
MemberAccessorDeclaration
MemberVariableDeclaration:
AccessibilityModifieropt static
opt PropertyName TypeAnnotationopt Initializeropt ;
MemberFunctionDeclaration:
AccessibilityModifieropt static
opt PropertyName CallSignature {
FunctionBody }
AccessibilityModifieropt static
opt PropertyName CallSignature ;
MemberAccessorDeclaration:
AccessibilityModifieropt static
opt GetAccessor
AccessibilityModifieropt static
opt SetAccessor
IndexMemberDeclaration:
IndexSignature ;
A.7 Enums
EnumDeclaration:
const
opt enum
BindingIdentifier {
EnumBodyopt }
EnumBody:
EnumMemberList ,
opt
EnumMemberList:
EnumMember
EnumMemberList ,
EnumMember
EnumMember:
PropertyName
PropertyName = EnumValue
EnumValue:
AssignmentExpression
A.8 Namespaces
NamespaceDeclaration:
namespace
IdentifierPath {
NamespaceBody }
IdentifierPath:
BindingIdentifier
IdentifierPath .
BindingIdentifier
NamespaceBody:
NamespaceElementsopt
NamespaceElements:
NamespaceElement
NamespaceElements NamespaceElement
NamespaceElement:
Statement
LexicalDeclaration
FunctionDeclaration
GeneratorDeclaration
ClassDeclaration
InterfaceDeclaration
TypeAliasDeclaration
EnumDeclaration
NamespaceDeclaration
AmbientDeclaration
ImportAliasDeclaration
ExportNamespaceElement
ExportNamespaceElement:
export
VariableStatement
export
LexicalDeclaration
export
FunctionDeclaration
export
GeneratorDeclaration
export
ClassDeclaration
export
InterfaceDeclaration
export
TypeAliasDeclaration
export
EnumDeclaration
export
NamespaceDeclaration
export
AmbientDeclaration
export
ImportAliasDeclaration
ImportAliasDeclaration:
import
BindingIdentifier =
EntityName ;
EntityName:
NamespaceName
NamespaceName .
IdentifierReference
A.9 Scripts and Modules
SourceFile:
ImplementationSourceFile
DeclarationSourceFile
ImplementationSourceFile:
ImplementationScript
ImplementationModule
DeclarationSourceFile:
DeclarationScript
DeclarationModule
ImplementationScript:
ImplementationScriptElementsopt
ImplementationScriptElements:
ImplementationScriptElement
ImplementationScriptElements ImplementationScriptElement
ImplementationScriptElement:
ImplementationElement
AmbientModuleDeclaration
ImplementationElement:
Statement
LexicalDeclaration
FunctionDeclaration
GeneratorDeclaration
ClassDeclaration
InterfaceDeclaration
TypeAliasDeclaration
EnumDeclaration
NamespaceDeclaration
AmbientDeclaration
ImportAliasDeclaration
DeclarationScript:
DeclarationScriptElementsopt
DeclarationScriptElements:
DeclarationScriptElement
DeclarationScriptElements DeclarationScriptElement
DeclarationScriptElement:
DeclarationElement
AmbientModuleDeclaration
DeclarationElement:
InterfaceDeclaration
TypeAliasDeclaration
NamespaceDeclaration
AmbientDeclaration
ImportAliasDeclaration
ImplementationModule:
ImplementationModuleElementsopt
ImplementationModuleElements:
ImplementationModuleElement
ImplementationModuleElements ImplementationModuleElement
ImplementationModuleElement:
ImplementationElement
ImportDeclaration
ImportAliasDeclaration
ImportRequireDeclaration
ExportImplementationElement
ExportDefaultImplementationElement
ExportListDeclaration
ExportAssignment
DeclarationModule:
DeclarationModuleElementsopt
DeclarationModuleElements:
DeclarationModuleElement
DeclarationModuleElements DeclarationModuleElement
DeclarationModuleElement:
DeclarationElement
ImportDeclaration
ImportAliasDeclaration
ExportDeclarationElement
ExportDefaultDeclarationElement
ExportListDeclaration
ExportAssignment
ImportRequireDeclaration:
import
BindingIdentifier =
require
(
StringLiteral )
;
ExportImplementationElement:
export
VariableStatement
export
LexicalDeclaration
export
FunctionDeclaration
export
GeneratorDeclaration
export
ClassDeclaration
export
InterfaceDeclaration
export
TypeAliasDeclaration
export
EnumDeclaration
export
NamespaceDeclaration
export
AmbientDeclaration
export
ImportAliasDeclaration
ExportDeclarationElement:
export
InterfaceDeclaration
export
TypeAliasDeclaration
export
AmbientDeclaration
export
ImportAliasDeclaration
ExportDefaultImplementationElement:
export
default
FunctionDeclaration
export
default
GeneratorDeclaration
export
default
ClassDeclaration
export
default
AssignmentExpression ;
ExportDefaultDeclarationElement:
export
default
AmbientFunctionDeclaration
export
default
AmbientClassDeclaration
export
default
IdentifierReference ;
ExportListDeclaration:
export
*
FromClause ;
export
ExportClause FromClause ;
export
ExportClause ;
ExportAssignment:
export
=
IdentifierReference ;
A.10 Ambients
AmbientDeclaration:
declare
AmbientVariableDeclaration
declare
AmbientFunctionDeclaration
declare
AmbientClassDeclaration
declare
AmbientEnumDeclaration
declare
AmbientNamespaceDeclaration
AmbientVariableDeclaration:
var
AmbientBindingList ;
let
AmbientBindingList ;
const
AmbientBindingList ;
AmbientBindingList:
AmbientBinding
AmbientBindingList ,
AmbientBinding
AmbientBinding:
BindingIdentifier TypeAnnotationopt
AmbientFunctionDeclaration:
function
BindingIdentifier CallSignature ;
AmbientClassDeclaration:
class
BindingIdentifier TypeParametersopt ClassHeritage {
AmbientClassBody }
AmbientClassBody:
AmbientClassBodyElementsopt
AmbientClassBodyElements:
AmbientClassBodyElement
AmbientClassBodyElements AmbientClassBodyElement
AmbientClassBodyElement:
AmbientConstructorDeclaration
AmbientPropertyMemberDeclaration
IndexSignature
AmbientConstructorDeclaration:
constructor
(
ParameterListopt )
;
AmbientPropertyMemberDeclaration:
AccessibilityModifieropt static
opt PropertyName TypeAnnotationopt ;
AccessibilityModifieropt static
opt PropertyName CallSignature ;
AmbientEnumDeclaration:
EnumDeclaration
AmbientNamespaceDeclaration:
namespace
IdentifierPath {
AmbientNamespaceBody }
AmbientNamespaceBody:
AmbientNamespaceElementsopt
AmbientNamespaceElements:
AmbientNamespaceElement
AmbientNamespaceElements AmbientNamespaceElement
AmbientNamespaceElement:
export
opt AmbientVariableDeclaration
export
opt AmbientLexicalDeclaration
export
opt AmbientFunctionDeclaration
export
opt AmbientClassDeclaration
export
opt InterfaceDeclaration
export
opt AmbientEnumDeclaration
export
opt AmbientNamespaceDeclaration
export
opt ImportAliasDeclaration
AmbientModuleDeclaration:
declare
module
StringLiteral {
DeclarationModule }