JavaScript/TypeScript Track

In this chapter, we will explore the JavaScript and TypeScript tracks in the context of AI-assisted software engineering interviews. Both languages are pivotal in modern web development, and understanding their nuances is crucial for acing interviews. We will cover the fundamental concepts, key differences between JavaScript and TypeScript, and practical examples to enhance your understanding.

Key Concepts

1. JavaScript Basics

JavaScript is a high-level, interpreted programming language that enables interactive web pages. It is an essential part of web applications alongside HTML and CSS. Here are some key concepts:

• Variables: In JavaScript, variables are declared using var, let, or const.

  • Example:

    javascriptCopy
    let name = 'John';
    const age = 30;

• Data Types: JavaScript has several built-in data types, including:

  • String: A sequence of characters.
    • Example: let greeting = 'Hello, World!';
  • Number: Represents both integer and floating-point numbers.
    • Example: let score = 95.5;
  • Boolean: Represents true or false values.
    • Example: let isPassed = true;

• Functions: Functions in JavaScript can be defined using function declarations or expressions.

  • Example:

    javascriptCopy
    function add(a, b) {
        return a + b;
    }

2. Understanding TypeScript

TypeScript is a superset of JavaScript that adds static types. This means you can define variable types, which helps catch errors during development. Key concepts include:

• Static Typing: You can specify types for variables, function parameters, and return values.

  • Example:

    typescriptCopy
    let age: number = 30;
    let name: string = 'Alice';

• Interfaces: TypeScript allows you to define the structure of an object using interfaces.

  • Example:

    typescriptCopy
    interface Person {
        name: string;
        age: number;
    }
    const user: Person = { name: 'Bob', age: 25 };

• Generics: This feature allows you to create reusable components that work with any data type.

  • Example:

    typescriptCopy
    function identity<T>(arg: T): T {
        return arg;
    }

3. Key Differences Between JavaScript and TypeScript

Understanding the differences between JavaScript and TypeScript is crucial for interviews:

• Type Safety: JavaScript is dynamically typed, while TypeScript is statically typed. This means TypeScript can catch type-related errors at compile time, reducing runtime issues.
• Compilation: TypeScript needs to be compiled into JavaScript before it can be executed in a browser, whereas JavaScript can be run directly.
• Tooling Support: TypeScript offers better tooling with features like autocomplete and type checking in IDEs, improving the development experience.

Practical Examples

Example 1: Function Declaration in JavaScript

javascriptCopy
function multiply(x, y) {
    return x * y;
}
console.log(multiply(5, 10)); // Output: 50

Example 2: Function with Type Annotations in TypeScript

typescriptCopy
function multiply(x: number, y: number): number {
    return x * y;
}
console.log(multiply(5, 10)); // Output: 50

Example 3: Using Interfaces in TypeScript

typescriptCopy
1interface Car {
2    brand: string;
3    model: string;
4    year: number;
5}
6
7const myCar: Car = {
8    brand: 'Toyota',
9    model: 'Corolla',
10    year: 2020
11};
12console.log(myCar);

Example 4: JavaScript Promises

javascriptCopy
1function fetchData() {
2    return new Promise((resolve, reject) => {
3        setTimeout(() => {
4            resolve('Data fetched!');
5        }, 2000);
6    });
7}
8
9fetchData().then(data => console.log(data)); // Output after 2 seconds: Data fetched!

Summary

In this chapter, we have covered the basics of JavaScript and TypeScript, including their syntax, data types, and key differences. JavaScript is essential for web development, while TypeScript enhances JavaScript by providing static typing and better tooling support. Understanding these concepts will not only help you in interviews but also in your software engineering career. Practice coding examples in both languages to solidify your understanding and improve your problem-solving skills. Remember, the key to success in interviews is not just knowledge but also the ability to apply that knowledge effectively.