Catch decorator in NestJS - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to import the Catch decorator from NestJS.

NestJS

import { [1] } from '@nestjs/common';

Drag options to blanks, or click blank then click option'

ACatch

BInjectable

CController

DModule

Attempts:

3 left

💡 Hint

Common Mistakes

Importing the wrong decorator like Controller or Injectable.

Forgetting to import the Catch decorator.

The Catch decorator is imported from @nestjs/common to create exception filters.

2fill in blank

medium

Complete the code to apply the Catch decorator to an exception filter class.

NestJS

@[1]() 
export class HttpExceptionFilter implements ExceptionFilter {
  catch(exception: any, host: ArgumentsHost) {
    // handle exception
  }
}

Drag options to blanks, or click blank then click option'

AModule

BCatch

CController

DInjectable

Attempts:

3 left

💡 Hint

Common Mistakes

Using @Injectable instead of @Catch.

Not adding parentheses after the decorator.

The @Catch() decorator marks a class as an exception filter in NestJS.

3fill in blank

hard

Fix the error in the Catch decorator usage to catch only HttpException errors.

NestJS

@Catch([1])
export class HttpExceptionFilter implements ExceptionFilter {
  catch(exception: HttpException, host: ArgumentsHost) {
    // handle HttpException
  }
}

Drag options to blanks, or click blank then click option'

AArgumentsHost

BError

CExceptionFilter

DHttpException

Attempts:

3 left

💡 Hint

Common Mistakes

Passing the wrong class like Error or ArgumentsHost.

Not passing any argument when wanting to catch specific exceptions.

The @Catch() decorator can take exception types as arguments to catch specific exceptions like HttpException.

4fill in blank

hard

Fill both blanks to extract the response object and send a JSON error message inside the catch method.

NestJS

catch(exception: HttpException, host: ArgumentsHost) {
  const ctx = host.[1]();
  const response = ctx.[2]();
  response.status(exception.getStatus()).json({
    statusCode: exception.getStatus(),
    message: exception.message
  });
}

Drag options to blanks, or click blank then click option'

AswitchToHttp

BgetResponse

CgetRequest

Dhandle

Attempts:

3 left

💡 Hint

Common Mistakes

Using getRequest instead of getResponse for sending response.

Not switching to HTTP context before getting response.

Use host.switchToHttp() to get the HTTP context, then ctx.getResponse() to get the response object.

5fill in blank

hard

Fill the blanks to create a Catch decorator that catches both HttpException and QueryFailedError exceptions.

NestJS

@Catch([1], [2])
export class DatabaseExceptionFilter implements ExceptionFilter {
  catch(exception: any, host: ArgumentsHost) {
    const ctx = host.switchToHttp();
    const response = ctx.getResponse();
    response.status(500).json({
      statusCode: 500,
      error: exception.message
    });
  }
}

Drag options to blanks, or click blank then click option'

AHttpException

BQueryFailedError

CExceptionFilter

DArgumentsHost

Attempts:

3 left

💡 Hint

Common Mistakes

Passing non-exception classes.

Not passing multiple exceptions when needed.

The @Catch() decorator can take multiple exception classes to catch. Here, HttpException and QueryFailedError are caught.

Practice

1. What is the primary purpose of the @Catch() decorator in NestJS?

easy

A. To mark a class as an exception filter that handles errors

B. To define a route handler for HTTP requests

C. To inject dependencies into a service

D. To create a middleware function

Solution

1. Step 1: Understand the role of @Catch()

   The @Catch() decorator is used to mark a class as an exception filter in NestJS, which means it handles errors thrown in the application.

2. Step 2: Differentiate from other decorators

   Other decorators like route handlers or dependency injections serve different purposes, so @Catch() specifically relates to error handling.

3. Final Answer:

   To mark a class as an exception filter that handles errors -> Option A

4. Quick Check:

   Error handling = @Catch() [OK]

Hint: Catch decorator marks error handlers in NestJS classes [OK]

Common Mistakes:

• Confusing @Catch() with route or middleware decorators
• Thinking @Catch() injects dependencies
• Assuming @Catch() handles normal requests

2. Which of the following is the correct syntax to create an exception filter that catches all exceptions using the @Catch() decorator?

easy

A. @Catch()\nexport class AllExceptionsFilter implements ExceptionFilter { ... }

B. @Catch(Error)\nexport class AllExceptionsFilter implements ExceptionFilter { ... }

C. @Catch(HttpException)\nexport class AllExceptionsFilter implements ExceptionFilter { ... }

D. @Catch(Exception)\nexport class AllExceptionsFilter implements ExceptionFilter { ... }

Solution

1. Step 1: Understand @Catch() usage without parameters

   Using @Catch() with no arguments means the filter will catch all exceptions.

2. Step 2: Check other options

   Options A, C, and D specify particular exception types, so they do not catch all exceptions.

3. Final Answer:

   @Catch()\nexport class AllExceptionsFilter implements ExceptionFilter { ... } -> Option A

4. Quick Check:

   No argument = catch all exceptions [OK]

Hint: Empty @Catch() catches all exceptions [OK]

Common Mistakes:

• Passing incorrect exception types to @Catch()
• Using @Catch() with a non-error class
• Confusing @Catch() with middleware syntax

3. Given the following exception filter code, what will be the output when a NotFoundException is thrown?

import { Catch, ExceptionFilter, ArgumentsHost, NotFoundException } from '@nestjs/common';

@Catch(NotFoundException)
export class NotFoundFilter implements ExceptionFilter {
  catch(exception: NotFoundException, host: ArgumentsHost) {
    const response = host.switchToHttp().getResponse();
    response.status(404).json({ message: 'Resource not found' });
  }
}

medium

A. HTTP response with status 404 and default NestJS error message

B. HTTP response with status 500 and default error message

C. No response sent, request hangs

D. HTTP response with status 404 and JSON { message: 'Resource not found' }

Solution

1. Step 1: Analyze the exception filter behavior

   The filter catches only NotFoundException and sends a 404 status with a custom JSON message.

2. Step 2: Understand the response sent

   The response is explicitly set to status 404 with JSON { message: 'Resource not found' }, overriding default behavior.

3. Final Answer:

   HTTP response with status 404 and JSON { message: 'Resource not found' } -> Option D

4. Quick Check:

   Custom 404 JSON response = HTTP response with status 404 and JSON { message: 'Resource not found' } [OK]

Hint: Filter sends custom response for caught exception type [OK]

Common Mistakes:

• Assuming default error message is sent
• Thinking status 500 is returned
• Missing the JSON response in output

4. Identify the error in the following exception filter code:

import { Catch, ExceptionFilter, ArgumentsHost } from '@nestjs/common';

@Catch()
export class MyFilter implements ExceptionFilter {
  catch(exception, host: ArgumentsHost) {
    const ctx = host.switchToHttp();
    const response = ctx.getResponse();
    response.status(500).send('Internal Server Error');
  }
}

medium

A. The response object is not correctly retrieved

B. The exception parameter lacks a type annotation

C. The catch method should return a value

D. The @Catch() decorator must specify an exception type

Solution

1. Step 1: Check method signature

   The catch method's first parameter exception should have a type annotation, typically unknown or any.

2. Step 2: Verify other parts

   The @Catch() decorator can be empty to catch all exceptions, returning void is allowed, and response retrieval is correct.

3. Final Answer:

   The exception parameter lacks a type annotation -> Option B

4. Quick Check:

   Missing parameter type = The exception parameter lacks a type annotation [OK]

Hint: Always type the exception parameter in catch method [OK]

Common Mistakes:

• Forgetting to type the exception parameter
• Thinking @Catch() requires arguments
• Expecting catch to return a value

5. You want to create a single exception filter that handles both BadRequestException and UnauthorizedException with different custom messages. Which is the correct way to use the @Catch() decorator to achieve this?

hard

A. @Catch()\nexport class MultiExceptionFilter implements ExceptionFilter { ... }

B. @Catch([BadRequestException, UnauthorizedException])\nexport class MultiExceptionFilter implements ExceptionFilter { ... }

C. @Catch(BadRequestException, UnauthorizedException)\nexport class MultiExceptionFilter implements ExceptionFilter { ... }

D. Create two separate filters each with @Catch() for one exception

Solution

1. Step 1: Understand how to catch multiple exceptions

   The @Catch() decorator accepts multiple exception classes as separate arguments to catch them in one filter.

2. Step 2: Evaluate options

   @Catch(BadRequestException, UnauthorizedException)\nexport class MultiExceptionFilter implements ExceptionFilter { ... } correctly passes multiple exceptions as separate arguments. @Catch([BadRequestException, UnauthorizedException])\nexport class MultiExceptionFilter implements ExceptionFilter { ... } incorrectly passes an array. @Catch()\nexport class MultiExceptionFilter implements ExceptionFilter { ... } catches all exceptions. Create two separate filters each with @Catch() for one exception uses multiple filters, not one.

3. Final Answer:

   @Catch(BadRequestException, UnauthorizedException)\nexport class MultiExceptionFilter implements ExceptionFilter { ... } -> Option C

4. Quick Check:

   Multiple exceptions as arguments = @Catch(BadRequestException, UnauthorizedException)\nexport class MultiExceptionFilter implements ExceptionFilter { ... } [OK]

Hint: Pass multiple exceptions as separate arguments to @Catch() [OK]

Common Mistakes:

• Passing exceptions as an array to @Catch()
• Using multiple filters instead of one
• Using empty @Catch() to catch specific exceptions