Skip to main content

Typescript Introduction



Data type
Keyword
Description
Number number Double precision 64-bit floating point values. It can be used to represent both, integers and fractions.
String
string
Represents a sequence of Unicode characters
Boolean
boolean
Represents logical values, true and false
Void void Used on function return types to represent non-returning functions
Null
null
Represents an intentional absence of an object value.
Undefined
undefined
Denotes value given to all uninitialized variables

TypeScript provides data types as a part of its optional Type System. The data type classification is as given below −




let a: number      //e.g 1, 2, 3
let b: boolean     //e.g true, false
let c: string      //e.g "abel agoi"
let d: any         //this can take any other types
let e: number[]    //array of numbers e.g [1, 3, 54]
let f: any[]       //any array e.g [1, "abel agoi", true]
Arrow function:
In javascript, we can declare a function like below:
let log = function (message) {
  console.dir(message); 
}

You can also use the arrow function (=>) to achieve the same thing in typescript like below
let log = (message) => { //we simply remove the function 
 console.dir(message);
}
//above can even be shorten to
let log = (message) => console.dir(message);
//and if you are only passing one parameter, it can be shorten to
let log = message => console.dir(message); //not readable though

Comments

Popular posts from this blog

How to span column of custom table in Drupal

If you want to span the column of custom drupal table like below image, Follow the below code to make the header of the table , <?php $header = array('S.N','District', array('data' => '<div class ="house">Household </div><br><span>Rural</span> <p>Urban</p>','colspan' => 2), array('data' => '<div class ="house">Members</div> <br><span>Rural</span> <p>Urban</p>','colspan' => 2), 'Duplicate/Failed Registration', array('data' => '<div class ="house">Pending De duplication </div><br><span>Rural</span> <p>Urban</p>','colspan' => 2), 'Non Un-organised Workers', 'SSID Generated', 'No. of Card Personlised', ); $rows[] = arra...

Drupal 8 : Link actions,Link menus,Link Tasks,Routings

Drupal 8 : Link actions,Link menus,Link Tasks,Routings Link actions Local actions have also been moved out of the hook_menu() system in Drupal 8 .Use actions to define local operations such as adding new items to an administrative list (menus, contact categories, etc). Local actions are defined in a YAML format, named after the module they are defined by. Such as menu_ui.links.action.yml for this example from menu_ui module: menu_ui.link_add:   route_name: menu_ui.link_add   title: 'Add link'   appears_on:     - menu_ui.menu_edit Here, menu_ui.link_add: It is the Unique name of the link action Most likely start with module name, route_name : Name of the route it means when click the link it redirect to this route, appears_on :  An array of route names for this action to be display on. Now how to know the Route name of any internal/external admin pages like below, By through the drupal console we achieve it, drupal debug:router...

Cache In Drupal

Drupal 8 core caching modules: The Internal Page Cache module: this caches pages for anonymous users in the database. Pages requested by anonymous users are stored the first time they are requested and then are reused for future visitors. The Internal Dynamic Page Cache module: This is a key feature that Drupal 7 did not have. Unlike the Internal Page module, the Dynamic Page module aims to speed up the site for both anonymous and logged-in users. How Cache Works in Drupal: There are two modules available in the drupal core 1 - Internal page cache: The Internal Page Cache module caches pages for anonymous users in the database. Pages requested by anonymous users are stored the first time they are requested and then are reused. Configuring the internal page cache :   From the performance page we can set the maximum time how long browsers and proxies may cache pages based on the Cache-Control header. 2 - Internal dynamic page cache: Drupal 8 provides the Dynamic Page Cache m...