DEV Community: Nur Nafish Ahmed Nobel

TypeScript Blog

Nur Nafish Ahmed Nobel — Sat, 05 Jul 2025 18:52:13 +0000

TypeScript

TypeScript With React

Nur Nafish Ahmed Nobel — Fri, 25 Feb 2022 13:41:01 +0000

Why we use TypeScript!
TypeScript is a programming language developed and maintained by Microsoft. It introduces additional features like strict type binding (variables are bound to specific data types) to JavaScript and can also be compiled down to JavaScript as well.
If we want a large-scale project that time TypeScript is helping us to reduce code error.
And
Secondly, TypeScript means the defined type before declaring.
*Without defining Type *

function addTwo(num)  
{  
  return num + 2;  
}  

addTwo(2); // Returns 4;  

addTwo("Two"); // Returns "Two2"

** Typing**

function addTwo(num : number)    
{    
  return num + 2;    
}    

addTwo(2); // Returns 4;    

addTwo("Two"); // Compile Error

Implementation of Interface in ts file

interface Vehicle{    
  wheels: Number;    
}    

class Car implements Vehicle {    
   public wheels: Number;  
   public hasTrunk: Boolean;  
}   

class MotorCycle implements Vehicle{  
   public wheels : Number;  
}

TypeScript Explained Further

TypeScript has two different roles depending on its configuration and usage.

TypeScript as a linting layer on top of JavaScript TypeScript supports a more robust interaction with the editor by adding additional syntaxes to JavaScript with type checking and code completion. Also, it helps catch errors easier in the early development phase.
TypeScript as a Transpiler Transpiler is a tool that converts a code written in one programming language into another language with a more similar abstraction level. TypeScript has its own transpiler, which can convert .ts files into .js, making it possible for browsers to execute your code.

But when should I use the bind() method ?

Nur Nafish Ahmed Nobel — Sun, 16 Jan 2022 14:38:53 +0000

var obj = {
x: 81,
getX: function() {
return this.x;
}
};

alert(obj.getX.bind(obj)());
alert(obj.getX.call(obj));
alert(obj.getX.apply(obj));

Emulating private methods with closures

Nur Nafish Ahmed Nobel — Sun, 16 Jan 2022 14:35:09 +0000

var counter = (function() {
var privateCounter = 0;
function changeBy(val) {
privateCounter += val;
}

return {
increment: function() {
changeBy(1);
},

decrement: function() {
  changeBy(-1);
},

value: function() {
  return privateCounter;
}

};
})();

console.log(counter.value()); // 0.

counter.increment();
counter.increment();
console.log(counter.value()); // 2.

counter.decrement();
console.log(counter.value()); // 1.