TS Simple Types

TypeScript extends JavaScript with static typing for more reliable code. Let’s explore TypeScript’s simple (primitive) types, including string, number, boolean, and more.

Key Topics

Types Overview

In TypeScript, the primitive types include: string, number, boolean, null, undefined, and symbol. The bigint type is also available for large integers.

String Type

A string in TypeScript is a sequence of characters. TypeScript ensures that you use string-based operations on string variables.

let firstName: string = "Alice";
// firstName = 123; // Error: Type 'number' is not assignable to type 'string'.

console.log(`Hello, ${firstName}`);

Output

Hello, Alice

Number Type

The number type covers both integer and floating-point values. TypeScript also supports hex, octal, and binary literals.

let age: number = 30;
age = 31.5;
// age = "thirty"; // Error: Type 'string' is not assignable to type 'number'.

console.log(`Age is ${age}`);

Output

Age is 31.5

Boolean Type

A boolean type can only be true or false. It’s useful for representing binary states.

let isLoggedIn: boolean = false;

function loginUser() {
    isLoggedIn = true;
    console.log(`User login status: ${isLoggedIn}`);
}

loginUser();

Output

User login status: true

Key Takeaways

  • Primitive Types: TypeScript supports standard JavaScript types (string, number, boolean, etc.).
  • Static Checking: Assigning the wrong type results in compile-time errors.
  • Consistency: Types help maintain consistent and bug-free code.