Adaface ready-to-go tests are designed by experts to evaluate on-the-job skills

Customize Adaface tests to assess multiple skills in a single assessment

🧐 Test🔧 Sample Topics💪 Useful for hiring
React Native Online Assessment Test
Styling
Interactivity
React Native AppRegistry
Virtual DOM
FlexBox
ES5
ES6
TypeScript
Static Image Resources
Network Images
React Native Developer
React Native Mobile Developer
React JS Online Assessment Test
Mounting Method
Render Function
Password Principles
Component Optimize
Default Values for Properties
Handling Events
React Facts
React.js Developer
JavaScript Developer – React.js
Front End Developer – React.js
React.js consultant
Web Developer
Java Online Assessment Test
Core Java
Data Types
Threads
Servlets
OOPs
Classes
Tree
JVM
JRE
JDK
Core Java Developer
Core Java Programmer
Backend Developer
Web Developer
JavaScript Online Assessment Test
Control Flow
Error handling
Data Models
DOM Manipulation
Node
Functional Approach
Object-Oriented Approach
Prototype
Scope
JavaScript Developer
JavaScript Programmer
Backend Developer
Frontend Developer
NodeJS Developer
React Developer
Angular Developer
AngularJs 2,4,6,8 Online Assessment Test
Data Binding
Controllers
Services
Templates
Expressions
Interpolation
Directives
Modules
AngularJS Programmer
AngularJS Front – End Developer
Full Stack Engineer
REST APIs
Web Fundamentals
Coding
Databases
Data Structures
Algorithms
Optimization
Full Stack Engineer
Software Developer
Web Developer
Android Online Assessment Test
Data Types
Threads
Servlets
General Aptitude
OOPs
classes
multithreading
responsiveness
configuration
battery life optimization
views
layouts
Core Java
services
API
lifecycle
Android Programmer
Android Developer
Junior Android Developer
Mobile Developer
Java Developer
Backend Developer
Node.js Online Assessment Test
Javascript engine
packages
asynchronous programming
bug fixing
hands-on coding
Node.JS Developer
Node JS Engineer
HTML/ CSS Online Assessment Test
attributes
various functions
elements
tags
encoding
logical document sections
HTML5 Developer
Web Designer
Front end developer
Full Stack developer
Wordpress
Markdown Format
WordPress Features
WordPress Functions
Taxonomies in WordPress
Custom Widget
WordPress Developer
WordPress Designer
Content Writing
Content Writer
Copy Writer
CSS3 Test (Cascading Style Sheets)
Descendant Selectors
Visited Hyperlinks
Pseudo-Class Property
CSS Tables
HTML5 Web Page
CSS3 Designer
CSS3 Developer
TypeScript Online Assessment Test
TypeScript Types
Complex Variables
Classes and Methods
Inheritance
Mixins
Modules
Registration Web APIs
TypeScript Purpose
Software Engineer – TypeScript
TypeScript Programmer
TypeScript Developer
Web Front-End Developer
JavaScript Developer
Junior .Net Developer - TypeScript
Angular 2 Online Test
Angular 2 Directives
Angular 2 Events
Authorization
Angular 2 Components
Functions and Applications
Angular 2 Developer
Web & Mobile Developer
Angular 4 Online Test
Angular Animation
Performance Optimization
Angular Universal
Directives
Modules
Data Binding
Templates
Routes
Version Upgrade
Form Handling
Angular 4 Developer
Front End Engineer-Angular
Asp.Net MVC Online Test
Authentication Filter
Search and Sort
Scaffolding
Creating new string
Validations
Lazy Loading
Serialization
Query that returns entities
Metadata classes
.Net MVC Developer
ASP.Net MVC Designer
C# ASP.NET MVC Test
Razor View
Controller
Entity Framework
Segments
Routing
Configuration and Deployment
Bundling And Minification
Dynamic and Strongly typed View
Constraint
ASP .NET MVC Developer ( 2 - 4 yrs of exp.)
Full Stack .NET Developer
C# Coding Test (Basic)
Class
Method
Object
Encapsulation
Inheritance
Constructors
Junior Level C# Programmer
Entry Level C# Developer
CSS Test (Cascading Style Sheets)
Alignment CSS
CSS Animation
CSS Syntax and Custom Fonts
Pseudo Classes
CSS Selectors
Debug CSS
CSS Designer
CSS Programmer
CSS Developer
CSS Expert
React Native Online Assessment Test
View Test
React JS Online Assessment Test
View Test
Java Online Assessment Test
View Test
JavaScript Online Assessment Test
View Test
AngularJs 2,4,6,8 Online Assessment Test
View Test
Full Stack Engineer
View Test
Android Online Assessment Test
View Test
Node.js Online Assessment Test
View Test
HTML/ CSS Online Assessment Test
View Test
Wordpress
View Test
Content Writing
View Test
CSS3 Test (Cascading Style Sheets)
View Test
TypeScript Online Assessment Test
View Test
Angular 2 Online Test
View Test
Angular 4 Online Test
View Test
Asp.Net MVC Online Test
View Test
C# ASP.NET MVC Test
View Test
C# Coding Test (Basic)
View Test
CSS Test (Cascading Style Sheets)
View Test

Check out sample Adaface MCQ questions on Typescript topics

These are just a small sample from our premium questions library (10273 non-googleable questions).
🧐 Question🔧 Skill💪 Difficulty⌛ Time
Async Await Promises - What will the following code o
Promises Async-Await
JavaScriptMedium2 min
Prototypes and Scope - What will the following code o
Prototypes
JavaScriptMedium2 min
Promise Resolve - What does the following code o
Promises Async-Await
JavaScriptEasy2 min
Throw, Try, Async - What does the following JS cod
Promises Async-Await
JavaScriptEasy2 min
Types - Consider the following TypeScr
TypeScriptMedium2 min

Are you a candidate? Complete list of Typescript interview questions 👇

Index

General

  1. Difference between typescript and javascript?
  2. How do you install TypeScript?
  3. Who developed Typescript and what is the current stable version available?
  4. What are types in TS?
  5. What Are The Benefits Of Typescript?
  6. What are Variables in TypeScript?
  7. What are Interfaces in TypeScript?
  8. What are Classes in TypeScript?
  9. What are the access modifiers supported by TypeScript?
  10. What are modules in TypeScript?
  11. What is namespace in Typescript?
  12. Explain Decorators in TypeScript.
  13. What are Mixins?
  14. What is Scope variable?
  15. What is the TypeScript Definition Manager?
  16. What is tsconfig.json file?
  17. What are Generics in TypeScript?
  18. What is JSX in TypeScript?
  19. What is a TypeScript Map file?
  20. What is “as” syntax in TypeScript?
  21. Explain Enum in TypeScript.
  22. What is an anonymous function?
  23. What is Lambda/Arrow function?
  24. What is Compilation Context?
  25. What is Triple-Slash Directive?
  26. Why TypeScript is referred as Optionally Statically Typed Language?
  27. How to Call Base Class Constructor from Child Class in TypeScript?
  28. What is default visibility for properties/methods in TypeScript classes?
  29. Does TypeScript support all object-oriented principles?
  30. What is Type assertions in TypeScript?
  31. What is Rest parameters?
  32. What is Declaration Merging?
  33. What is getters/setters in TypeScript?
  34. What is duck typing in TypeScript?
  35. What is an implicit Module in Typescript?
  36. What are TypeScript Optional Properties?
  37. What are Closures in Javascript?
  38. What is AMD in TypeScript?
  39. What is the advantage of Arrow function in TypeScript?
  40. Why is TypeScript strongly typed?
  41. What is static typing in TypeScript?
  42. What is the prototype in TypeScript?
  43. What is the callback function in TypeScript?
  44. Explain access modifiers in TypeScript?
  45. What is super in TypeScript?
  46. What is the export class in TypeScript?
  47. Is it possible to merge multiple .ts files into a single .js file?
  48. What is import and export in TypeScript?
  49. Which keyword is used for inheritance in TypeScript?
  50. What does the ‘Omit’ type do?
  51. Where can decorators be applied to?
  52. What does the ‘Record’ type do?
  53. How can you access classes outside the module they are defined in?
  54. When to use the ‘unknown’ keyword?
  55. What is the difference between var and let in Typescript?
  56. What are methods overriding in Typescript?
  57. How to check null and undefined in typescript?
  58. What does it mean by Semantic HTML?
  59. List out all the components of TypeScript.
  60. What are the file Naming Extension’s in TypeScript?
  61. What is tuple in TypeScript?
  62. Describe pop() and push() method in tuple.
  63. What are the different types supported by TypeScript ?
  64. What are TypeScript collections ?
  65. Is it possible to debug any TypeScript file?
  66. How you can use TS with jQuery, Angularjs and Reactjs?
  67. How do you declare an undefined variable?
  68. How to declare and initialize an array in Typescript ?
  69. What is union type ?
  70. How to pass options to TypeScript compiler?
  71. What does the pipe(|) mean in typescript?


The Questions
0. Difference between typescript and javascript?
  • Typescript is a superset of JavaScript whereas JavaScript is a scripting language.
  • Typescript has an interface concept but JavaScript havan't.
  • TypeScript doesn't run in the browser where JavaScript runs.
  • TypeScript has classes whereas JavaScript has functions.
  • Typescript support module whereas JavaScript doesn't support modules.
  • In typescript Number, a string is the interfaces whereas In, JavaScript Number, string are the Object.
1. How do you install TypeScript?

npm install -g typescript

2. Who developed Typescript and what is the current stable version available?

Anders Hejlsberg developed TypeScript. The current stable version of TypeScript is 3.9.7.

3. What are types in TS?

Types in Typescript define the data-type. It helps in avoiding the wrong value passing. There are 2 different types:

Built in — String, Number, boolean, Null, Undefined, any

User Defined — Array, object, classes, interfaces

4. What Are The Benefits Of Typescript?

TypeScript has the following benefits:

  • Intellisense
  • Impose coding guidelines
  • Offers type checking
  • It helps in code structuring
  • Compile time error checking
  • Use class-based object-oriented programming
5. What are Variables in TypeScript?

A variable is a named space in the memory which is used to store values. The type syntax for declaring a variable in TypeScript includes a colon (:) after the variable name, followed by its type.

6. What are Interfaces in TypeScript?

The interface is a structure that defines the contract in your application. It defines the syntax for classes to follow. It contains only the declaration of the members and it is the responsibility of the deriving class to define the members. The TypeScript compiler uses interface for type-checking and checks whether the object has a specific structure or not.

7. What are Classes in TypeScript?

TypeScript introduced classes so that they can avail the benefits of object-oriented techniques like encapsulation and abstraction. The class in TypeScript is compiled to plain JavaScript functions by the TypeScript compiler to work across platforms and browsers.

8. What are the access modifiers supported by TypeScript?
  • Public – All the members of the class, its child classes, and the instance of the class can access.

  • Protected – All the members of the class and its child classes can access them. But the instance of the class can not access.

  • Private – Only the members of the class can access them.

9. What are modules in TypeScript?

A module is a powerful way of creating a group of related variables, functions, classes, and interfaces, etc. It can be executed within its own scope, but not in the global scope. Basically, you cannot access the variables, functions, classes, and interfaces declared in a module outside the module directly.

10. What is namespace in Typescript?

Namespace groups functionalities logically. These maintain the legacy code of typescript internally. It encapsulates the features and objects that share certain relationships. A namespace is also known as internal modules. A namespace can also include interfaces, classes, functions, and variables to support a group of related functionalities.

11. Explain Decorators in TypeScript.

A Decorator is a special kind of declaration that can be applied to classes, methods, accessor, property, or parameter. Decorators are functions that are prefixed @expression symbol, where expression must evaluate to a function that will be called at runtime with information about the decorated declaration.

12. What are Mixins?

In Javascript, Mixins are a way of building up classes from reusable components and then build them by combining simpler partial classes.

The idea is simple, instead of a class A extending class B to get its functionality, function B takes class A and returns a new class with this added functionality. Here, function B is a mixin.

13. What is Scope variable?

The scope is a set of objects, variables, and function and the JavaScript can have a global scope variable and local scope variable.

You can declare a variable in two different scopes such as:

Local Scope Variable – It is a function object which is used within the functions

Global Scope Variable – You can use this window object out of function and within the functions

14. What is the TypeScript Definition Manager?

TypeScript Definition Manager (TSD) is a package manager used to search and install TypeScript definition files directly from the community-driven DefinitelyTyped repository.

15. What is tsconfig.json file?

The tsconfig.json file is a file which is in JSON format. In the tsconfig.json file, you can specify different options to tell the compiler how to compile the current project. The presence of a tsconfig.json file in a directory indicates that the directory is the root of a TypeScript project.

16. What are Generics in TypeScript?

TypeScript Generics is a tool that provides a way of creating reusable components. It is able to create components that can work with a variety of data types rather than a single data type. Also, it provides type safety without compromising the performance, or productivity. Generics allow us to create generic classes, generic functions, generic methods, and generic interfaces.

17. What is JSX in TypeScript?

JSX is an embeddable XML-like syntax and it is meant to be transformed into a valid JavaScript. JSX became popular with the React framework. TypeScript supports embedding, type checking, and compiling JSX directly into JavaScript.

18. What is a TypeScript Map file?

TypeScript Map file is a source map file that holds information about our original files. The .map files are source map files that let tools map between the emitted JavaScript code and the TypeScript source files that created it. Also, debuggers can consume these files so we can debug the TypeScript file instead of the JavaScript file.

19. What is “as” syntax in TypeScript?

The “as” is the additional syntax for Type assertion in TypeScript. The reason for introducing the as-syntax is that the original syntax conflicted with JSX.

20. Explain Enum in TypeScript.

Enums or enumerations are a TypeScipt data type that allows us to define a set of named constants. Using enums make it easier to document intent, or create a set of distinct cases. It is a collection of related values that can be numeric or string values.

21. What is an anonymous function?

An anonymous function is a function that is declared without any named identifier. These functions are dynamically declared at runtime. Also, anonymous functions can accept inputs and return outputs, just as standard functions do. It is usually not accessible after its initial creation.

22. What is Lambda/Arrow function?

ES6 version of TypeScript provides shorthand syntax for defining the anonymous function, i.e., for function expressions. These arrow functions are also called lambda functions. A lambda function is a function without a name. Whereas, the arrow function omits the function keyword.

23. What is Compilation Context?

The compilation context is basically grouping of the files that TypeScript will parse and analyze to determine what is valid and what isn’t. Along with the information about which files, the compilation context contains information about which compiler options. A great way to define this logical grouping is using a tsconfig.json file.

24. What is Triple-Slash Directive?

Triple-slash directives are single-line comments containing a single XML tag. The contents of the comment are used as compiler directives.

25. Why TypeScript is referred as Optionally Statically Typed Language?

TypeScript is referred as optionally statically typed, which means we can make the compiler to ignore the type of a variable optionally. Using "any" data type, we can assign any type of value to the variable. TypeScript will not give any error checking during compilation.

26. How to Call Base Class Constructor from Child Class in TypeScript?

super() function is used to called parent or base class constructor from Child Class.

27. What is default visibility for properties/methods in TypeScript classes?

Public is the default visibility for properties/methods in TypeScript classes.

28. Does TypeScript support all object-oriented principles?

Yes, TypeScript support all object-oriented principles. There are four main principles to object-oriented programming:

  • Encapsulation
  • Inheritance
  • Abstraction
  • Polymorphism
29. What is Type assertions in TypeScript?

Type assertion works like a typecasting in other languages, but it doesn't perform type checking or restructuring of data just like other languages can do like C# and Java. The typecasting comes with runtime support whereas type assertion has no impact on runtime. However, type assertions are used purely by the compiler and provide hints to the compiler on how we want our code to be analyzed.

30. What is Rest parameters?

The rest parameter is used to pass zero or more values to a function. It is declared by prefixing the three dot characters ('...')before the parameter. It allows the functions to have a variable number of arguments without using the arguments object. It is very useful where we have an undetermined number of parameters.

31. What is Declaration Merging?

Declaration merging is the process followed by the compiler to merge two or more separate declarations. The declaration declared with the same name into a single definition. This merged definition has the features of both of the original declarations.

The simplest, and perhaps most common, type of declaration merging is interface merging. At the most basic level, the merge mechanically joins the members of both declarations into a single interface with the same name.

32. What is getters/setters in TypeScript?

TypeScript supports getters/setters as a way of intercepting accesses to a member of an object. This gives you a way of having finer-grained control over how a member is accessed on each object.

33. What is duck typing in TypeScript?

Duck-typing used to check the type compatibility for more complex variable types in typescript. This method checks the type matching between two objects. If the property contains more or less or not match then a compile-time error occurred.

34. What is an implicit Module in Typescript?

A module is used to create a set of related variables, functions, classes, and interfaces, etc in the Typescript. The internal and external module has two categories of Typescript.

35. What are TypeScript Optional Properties?

The optional properties use as an optional thing. The interface typescript has many properties but every property not required. You can pass the object into interface using ( ? ) question mark symbol.

36. What are Closures in Javascript?

Closures are nothing but a statefull functions.

A closure is an inner function that has access to outer function’s variables in addition to it’s own variable and global variables.In simple term a closure is a function inside a function.Closures using Lexical scoping in which function have access to global and outer variables.

37. What is AMD in TypeScript?

In Typescript, the Asynchronous Module Definition (AMD) is used to specify a process for defining modules in a manner such that modules and their dependencies can be loaded asynchronously. This is greatly helpful in a browser environment where performance, usability, debugging, and access to cross-domain problems occur due to the synchronous loading of modules.

38. What is the advantage of Arrow function in TypeScript?

The two significant benefits that Arrow function in TypeScript offers:

  • They are less verbose compared to traditional functions.
  • This function takes the “this” from its surroundings.
39. Why is TypeScript strongly typed?

TypeScript is strongly typed to syntactical benefits to this language while still allowing users to write normal JavaScript. It also ensures the production of predictable results with fewer errors and more secure.

40. What is static typing in TypeScript?

In TypeScript, static typing means parameters, variables, and object members have types that compiler recognizes at the time of compile. This helps in detecting early errors faster than unit test runs. It also greatly helps IDEs with auto-completion and API exploration with statically typed DOM.

41. What is the prototype in TypeScript?

The prototype property in TypeScript allows users to include methods and properties to an object. It allows cloning objects (complex ones also) without coupling to their specific classes. Prototype objects can create full copies due to the accessibility of objects to each other’s private field.

42. What is the callback function in TypeScript?

In TypeScript, the callback function is used to schedule a call after some asynchronous processing is completed. It is passed to another function as a parameter that allows callback function to be called when the process of asynchronous processing is completed.

43. Explain access modifiers in TypeScript?

TypeScript developers can use the access modifiers to control the accessibility of the class members. There are two types of access modifiers in TypeScript; private and public modifiers. Class members are public by default, but users can add a private modifier if they wish.

44. What is super in TypeScript?

Super is a TypeScript keyword which can be used by developers in expressions for base class constructor and base class properties reference. This call is only allowed in constructors of derived classes. Call for this keyword consist the keyword super with an argument list closed in parentheses.

45. What is the export class in TypeScript?

In TypeScript, an extra line is added to the JS code using the export class which is then used to add an exported item within a module.

46. Is it possible to merge multiple .ts files into a single .js file?

Yes, it's possible. To successfully merge multiple TS files together in a JS file, use a module bundler system or a Gulp Script to concatenate everything into a single JS file.

47. What is import and export in TypeScript?

The export keyword is used to export any declaration such as function, variables, interface, or type alias. The export * from "module" can be used by a module to wrap one or more modules and combine together their exporting. Whereas, the import keyword is used to export declaration.

48. Which keyword is used for inheritance in TypeScript?

TypeScript uses the keyword ‘extends’ to support inheritance. The syntax will be as following:

class child_class_name extends parent_class_name

49. What does the ‘Omit’ type do?

It’s a new type where you can define some properties to be excluded from the original type.

50. Where can decorators be applied to?

Classes, properties, methods, and method arguments.

51. What does the ‘Record’ type do?

It allows you to create a typed map .

52. How can you access classes outside the module they are defined in?

Use the export keyword in front of the class.

53. When to use the ‘unknown’ keyword?

When you don’t want to use the "any" keyword or/and don’t know the exact type up front but want to assign it later on.

54. What is the difference between var and let in Typescript?

1.var declaration is done at function scoped and let declaration is done at block scoped. 2.var will allow you to re-declare the same variable in the same scope, whereas let will not.

55. What are methods overriding in Typescript?

If child class has the same method as declared in the parent class, it is known as method overriding.

Rules for Method Overriding:

  • The method must have the same name as in the parent class
  • There must be an IS-A relationship
  • The method must have the same parameter as in the parent class
56. How to check null and undefined in typescript?

By using a juggling check, we can check both null and undefined: if(x==null){}.

57. What does it mean by Semantic HTML?

Semantic HTML is a type of coding style in which tags will have texts that need to display on the user interface. Bold, Italic tags should not be used to represent Semantic HTML.

58. List out all the components of TypeScript.

Below are the components of TypeScript :-

  • Language
  • TSC-(TypeScript Compiler)
  • TSLS- (TypeScript Language Service)
59. What are the file Naming Extension’s in TypeScript?

There are two extension’s – .tsx , .ts.

60. What is tuple in TypeScript?

Tuple is collection of heterogeneous values or it store multiple different-different type data type values. Below is the example for the same.

var fileData = [“Alia”,90,”Shweta”,45];

61. Describe pop() and push() method in tuple.
  • push() – this used to append the value.

  • pop()- this used to removed and return the last value.

62. What are the different types supported by TypeScript ?
  • String: A string is a series of characters that are stored as UTF-16 Unicode code.
  • Number: It reflects the values of the number form. The numbers are stored as floating-point values in TypeScript.
  • Boolean: This can have values as true or false.
  • Array: This can be a list of numbers together.
  • Enum: This allows creating a user-defined data type.
63. What are TypeScript collections ?

Like other programing languages Typescript also has support for Collection, like Map, Set etc.

64. Is it possible to debug any TypeScript file?

Yes, it is possible. To debug it, you need the .js source map file. So compile the .ts file with the --sourcemap flag to generate a source map file. tsc -sourcemap file1.ts This will create file1.js and file1.js.map. And last line of file1.js would be reference of source map file.

sourceMappingURL=file1.js.map

65. How you can use TS with jQuery, Angularjs and Reactjs?

Angularjs is already integrated with Typescript.So, if you are using Angularjs CLI you don’t need to do anything special. For React and jQuery use Typescript’s @types and it will install all the dependencies. @types/ React @types / jQuery.

66. How do you declare an undefined variable?

var name:string; var phone:int;

67. How to declare and initialize an array in Typescript ?

var names:string[]; -- Declaration names=["a","b","c","d"] -- Initialization

68. What is union type ?

Variable should be declared with union type if it can be set with values of different types. It can be useful when you need to return correct result or null value, for example in find function.

69. How to pass options to TypeScript compiler?

Through command line arguments or tsconfig.json file. If file tsconfig.json located in some directory, that means this root of TypeScript project. There are such options available: compilerOptions,files,typeRoots, include, exclude.

70. What does the pipe(|) mean in typescript?

This is called union type in typescript.

A union type describes a value that can be one of several types.