lib.d.ts
A special declaration file
lib.d.ts
ships with every installation of TypeScript. This file contains the ambient declarations for various common JavaScript constructs present in JavaScript runtimes and the DOM.
This file is automatically included in the compilation context of a TypeScript project.
The objective of this file to make it easy for you start writing
type checked
JavaScript code.
You can exclude this file from the compilation context by specifying the
--noLib
compiler command line flag (or
"noLib" : true
in
tsconfig.json
).
Example Usage
As always lets look at examples of this file being used in action.
var foo = 123;
var bar = foo.toString();
This code type checks fine because the toString
function is defined in lib.d.ts
for all JavaScript objects.
If you use the same sample code with the noLib
option you get a type check error:
var foo = 123;
var bar = foo.toString();
So now that you understand the importance of lib.d.ts
what does its contents look like? We examine that next.
lib.d.ts
inside look
The contents of lib.d.ts
are primarily a bunch of variable declarations e.g. window
, document
, math
and a bunch of similar interface declarations e.g. Window
, Document
, Math
.
The simplest way to discover what is what is to type in code that you know works e.g. Math.floor
and then F12 (go to definition) using your IDE (atom-typescript has great support for this).
Lets look at a sample variable declaration, e.g. window
is defined as:
declare var window: Window;
That is just a simple declare var
followed by the variable name (here window
) and an interface for a type annotation (here the Window
interface). These variables generally point to some global interface e.g. here is a small sample of the (actually quite massive) Window
interface:
interface Window extends EventTarget, WindowTimers, WindowSessionStorage, WindowLocalStorage, WindowConsole, GlobalEventHandlers, IDBEnvironment, WindowBase64 {
animationStartTime: number;
applicationCache: ApplicationCache;
clientInformation: Navigator;
closed: boolean;
crypto: Crypto;
You can see that here is a lot of type information in these interfaces. In the absence of TypeScript you would need to keep this in your head. Now you can offload that knowledge on the compiler with easy access to it using things like intellisense
.
There is a good reason for using interfaces for these globals. It allows you to add additional properties to these globals without a need to change lib.d.ts
. We will cover this concept next.
Modifying native types
Since an interface
in TypeScript is open ended this means that you can just add members to the interfaces declared in lib.d.ts
and TypeScript will pick up on the additions. Note that you need to make these changes in a global module for these interfaces to get associated with lib.d.ts
. We even recommend creating a special file called globals.d.ts
for this purpose.
Here are a few example cases where we add stuff to window
, Math
, Date
:
Example window
Just add stuff to the Window
interface e.g.
interface Window {
helloWorld():void;
This will allow you to use it in a type safe manner:
window.helloWorld = () => console.log('hello world');
window.helloWorld();
window.helloWorld('gracius');
Example Math
The global variable Math
is defined in lib.d.ts
as (again, use your dev tools to navigate to definition):
declare var Math: Math;
i.e. the variable Math
is an instance of the Math
interface. The Math
interface is defined as:
interface Math {
E: number;
LN10: number;
This means that if you want to add stuff to the Math
global variable you just need to add it to the Math
global interface, e.g. consider the seedrandom
project which adds a seedrandom
function to the global Math
object. This can be declared quite easily:
interface Math {
seedrandom(seed?: string);
And then you can just use it:
Math.seedrandom();
Math.seedrandom("Any string you want!");
Example Date
If you look the definition of the Date
variable in lib.d.ts
you will find:
declare var Date: DateConstructor;
The interface DateConstructor
is similar to what you have seen before with Math
and Window
in that it contains members you can use off of the Date
global variable e.g. Date.now()
. In addition to these members it contains construct signatures which allow you to create Date
instances (e.g. new Date()
). A snippet of the DateConstructor
interface is shown below:
interface DateConstructor {
new (): Date;
now(): number;
Consider the project datejs
. DateJS adds members to both the Date
global variable and Date
instances. Therefore a TypeScript definition for this library would look like (BTW the community has already written this for you in this case):
interface DateConstructor {
today(): Date;
interface Date {
addMilliseconds(milliseconds: number): Date;
This allows you to do stuff like the following in a TypeSafe manner:
var today = Date.today();
var todayAfter1second = today.addMilliseconds(1000);
Example string
If you look inside lib.d.ts
for string you will find stuff similar to what we saw for Date
(String
global variable, StringConstructor
interface, String
interface). One thing of note though is that the String
interface impacts string literals as well as demonstrated in the below code sample:
interface String {
endsWith(suffix: string): boolean;
String.prototype.endsWith = function(suffix: string): boolean {
var str: string = this;
return str && str.indexOf(suffix, str.length - suffix.length) !== -1;
console.log('foo bar'.endsWith('bas'));
console.log('foo bas'.endsWith('bas'));
Similar variable / interfaces exist for other things that have both static and instance member like Number
, Boolean
, RegExp
etc. and these interfaces affect literal instances of these types as well.
Example string
redux
We recommended creating a global.d.ts
for maintainability reasons. However you can break into the global namespace from within a file module if you so desire. This is done using declare global { /*global namespace here*/ }
E.g. the previous example can also be done as:
export {};
declare global {
interface String {
endsWith(suffix: string): boolean;
String.prototype.endsWith = function(suffix: string): boolean {
var str: string = this;
return str && str.indexOf(suffix, str.length - suffix.length) !== -1;
console.log('foo bar'.endsWith('bas'));
console.log('foo bas'.endsWith('bas'));
Using your own custom lib.d.ts
As we mentioned earlier using the noLib
boolean compiler flag causes TypeScript to exclude the automatic inclusion of lib.d.ts
. There are various reasons why this is a useful feature. Here are a few of the common ones:
You are running in a custom JavaScript environment that differs significantly from the standard browser based runtime environment.
You like to have strict control over the globals available in your code. E.g. lib.d.ts defines item
as a global variable and you don't want this to leak into your code.
Once you have excluded the default lib.d.ts
you can include a similarly named file into your compilation context and TypeScript will pick it up for type checking.
Note: Be careful with --noLib
. Once you are in noLib land, if you chose to share your project others, they will be forced into noLib land (or rather your lib land). Even worse if you bring their code into your project you might need to port it to your lib based code.
Compiler target effect on lib.d.ts
Setting the compiler target to be es6
causes the lib.d.ts
to include addtional ambient declarations for more modern (es6) stuff like Promise
. This magical effect of the compiler target changing the ambience of the code is desirable for some people and for others its problematic as it conflates code generation with code ambience.
However if you want finer grained control of your environment you should use the --lib
option which we discuss next.
lib Option
Sometimes (many times) you want to decouple the relationship between the compile target (the generates JavaScript version) and the ambient library support. A common example is Promise
, e.g today (in June 2016) you most likely want to --target es5
but still use latest stuff like Promise
. To support this you can take explicit control of lib
using the lib
compiler option.
Note: using --lib
decouples any lib magic from --target
giving you better control.
You can provide this option on the command line or in tsconfig.json
(recommended):
Command line:
tsc --target es5 --lib dom,es6
tsconfig.json:
"compilerOptions": {
"lib": ["dom", "es6"]
The libs can be categorized into categories:
JavaScript Bulk Feature:
- es2015
- es2016
- es2017
- Runtime Environment