Need to practice your TypeScript programming skills for an upcoming job interview? Try solving these TypeScript interview questions that test knowledge of TypeScript programming concepts such as types, mixins, OOP, and other skills. We’ll provide feedback on your answers, and you can use a hint if you get stuck.
These TypeScript interview questions are examples of real tasks used by employers to screen job candidates such as TypeScript developers, JavaScript developers, front-end developers, and others that require knowledge of the TypeScript programming language and the benefits it offers in web page scalability and encapsulation.
1. Color Type
The following code initializes three types representing the colors: red, green and blue.
type ColorType = [string, number, number, number];
let red: ColorType = ['Red', 1, 0, 0];
let green: [string, number, number, number] = ['Green', 0, 1, 0];
let blue = ['Blue', 0, 0, 1];
Select the statements that are correct.
(Select all acceptable answers.)
2. Uppercase Types
The following code initializes strings as three different types and attempts to make them uppercase. Which statements about the behavior of the typescript compiler are correct?
let stringType: string = "string type";
stringType.toUpperCase();
let anyType: any = "any type";
anyType.toUpper();
anyType.toUpperCase();
let objectType: Object = "object type";
objectType.toUpperCase();
(Select all acceptable answers.)
3. Circle Inheritance
The Circle class is used in a prototype for a game engine. Finish the class so that:
- It inherits from the GameObject class
- It has one more public field, radius
- It has only one constructor, that sets the radius, and sets the x and y fields using the GameObject class
For example, executing the following code:
let circle = new Circle(10, 50, 8);
console.log(circle.x, circle.y, circle.radius);
should print "10 50 8".
4. Check Digit
Your company assigns each customer a membership ID, and you are implementing a check digit for those IDs.
The check digit should be calculated by adding up all digits in each membership ID. If the result of the sum is a number with more than a single digit, another iteration is required, and the digits of the result should also be added together. This process should repeat until a single-digit number is calculated.
For example, for the membership ID "55555" the sum of all digits is 25. Because this is not a single-digit number, 2 and 5 would be added, and the result, 7, would be the check digit.
5. Permission Enum
Extend the Permission enum so that it has the following fields:
- Read, which should have a value of 1
- Write, which should have a value of 2
- Execute, which should have a value of 4
Extend the getPermissionList function so that it accepts a combination of several Permission enums and returns an array of strings which are the names of the Permissions.
For example, executing:
getPermissionList(Permission.Read | Permission.Write);
should return [ 'Read', 'Write' ] in any order.
6. Positionable
Consider the following two base classes, Positionable and Rotatable, and MovingObject derived class:
class Positionable {
locationX: number;
locationY: number;
}
class Rotatable {
orientation: number;
rotate(orientation: number) {
this.orientation += orientation;
}
align(rotatable: Rotatable) {
this.orientation = rotatable.orientation;
}
}
class MovingObject implements Positionable, Rotatable {
locationX: number = 0;
locationY: number = 0;
orientation: number = 0;
rotate: (orientation: number) => void;
}
applyMixins(MovingObject, [Positionable, Rotatable]);
function applyMixins(derivedCtor: any, baseCtors: any[]) {
baseCtors.forEach(baseCtor => {
Object.getOwnPropertyNames(baseCtor.prototype).forEach(name => {
derivedCtor.prototype[name] = baseCtor.prototype[name];
});
});
}
let mover = new MovingObject();
mover.rotate(30);
Select the statements that are correct.
(Select all acceptable answers.)