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

Get The field values of node in Drupal 8

use Drupal \ node \ NodeInterface ; /** * Implements hook_ENTITY_TYPE_insert() for node entities. * * This tests saving a node on node insert. * * @see \Drupal\node\Tests\NodeSaveTest::testNodeSaveOnInsert() */ function node_test_node_insert ( NodeInterface $node ) { // Set the node title to the node ID and save. if ( $node - > getTitle ( ) == 'new' ) { $node - > setTitle ( 'Node ' . $node - > id ( ) ) ; $node - > setNewRevision ( FALSE ) ; $node - > save ( ) ; } } Now There is so many functions are there to get the values, For All the functions available visit the API code, https://api.drupal.org/api/drupal/core%21modules%21node%21src%21NodeInterface.php/interface/NodeInterface/8.2.x Some of as below, Node edit form, Drupal 8 Automatically Load the whole object no need to load the entity like below, if ($event->getFormId() == 'node_alexa_audio_clips_edit_form') { $node = \Drupal::ro...

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...

Dependency Injection in Drupal 8

Here are the important nuggets: DI is a design pattern used in programming. DI uses composition. DI achieves inversion of control. Dependency == service that your class needs == object of a certain type. Inject == provide == compose == assemble. Container == service container == dependency container. Instead of using  \Drupal::service('foo_service') , get the service from the  $container  if using a class. And the important reasons: Externalizing dependencies makes code easier to test. It allows dependencies to be replaced without interfering with other functionality. Retrieving dependencies from the container is better for performance. Services: node.grant_storage The easiest examples to find are services that have arguments, because you can search *.services.yml files for the word "arguments". In  node.services.yml  for example, there is this entry: node.grant_storage: class: Drupal\node\NodeGrantDatabaseStorage argument...