Reading files asynchronously with callbacks in Node.js - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to import the file system module.

Node.js

const fs = require([1]);

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

A"fs"

B"file"

C"filesystem"

D"path"

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect module names like "file" or "filesystem".

Forgetting the quotes around the module name.

The fs module is imported using require("fs") to access file system functions.

2fill in blank

medium

Complete the code to read a file asynchronously with a callback.

Node.js

fs.readFile('example.txt', 'utf8', [1]);

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

Afunction() { console.log('done'); }

Bconsole.log

C(err, data) => { if (err) throw err; console.log(data); }

D() => console.log('read')

Attempts:

3 left

💡 Hint

Common Mistakes

Passing a callback without parameters.

Not handling the error parameter.

The callback function receives error and data arguments. It handles errors and logs the file content.

3fill in blank

hard

Fix the error in the callback function to properly handle errors.

Node.js

fs.readFile('data.txt', 'utf8', ([1], content) => { if ([1]) throw [1]; console.log(content); });

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

Aerror

Berr

Ce

Dexception

Attempts:

3 left

💡 Hint

Common Mistakes

Using a different variable name in the parameter and in the error check.

Not checking the error parameter at all.

The first parameter in the callback is commonly named err. The code must check err, not error.

4fill in blank

hard

Fill both blanks to read a file and handle errors properly.

Node.js

fs.readFile('log.txt', [1], ([2], data) => { if (err) throw err; console.log(data); });

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

A'utf8'

Berr

Cerror

D'ascii'

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong encoding like 'ascii' when 'utf8' is expected.

Mismatching error parameter name and check.

The encoding should be 'utf8' to read text properly. The error parameter is commonly named err and must match the check.

5fill in blank

hard

Fill all three blanks to read a file asynchronously and log errors or data.

Node.js

fs.readFile([1], [2], ([3], content) => { if (err) console.error(err); else console.log(content); });

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

A'notes.txt'

B'utf8'

Cerr

D'binary'

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong file name or encoding.

Not naming the error parameter correctly.

The file name is 'notes.txt', encoding is 'utf8', and the error parameter is named err to handle errors properly.

Practice

1. What is the main purpose of using fs.readFile with a callback in Node.js?

easy

A. To delete a file from the system

B. To write data to a file synchronously

C. To create a new directory

D. To read a file asynchronously without blocking the program

Solution

1. Step 1: Understand fs.readFile role

   fs.readFile reads files without stopping other code from running.

2. Step 2: Recognize asynchronous behavior

   Using a callback means the program continues while the file is read, improving speed.

3. Final Answer:

   To read a file asynchronously without blocking the program -> Option D

4. Quick Check:

   Asynchronous reading = non-blocking file read [OK]

Hint: Remember: async means non-blocking, callback runs after reading [OK]

Common Mistakes:

• Confusing reading with writing files
• Thinking fs.readFile is synchronous
• Ignoring the callback function

2. Which of the following is the correct syntax to read a file named data.txt asynchronously using fs.readFile with a callback?

easy

A. fs.readFile('data.txt');

B. fs.readFile('data.txt', data => { console.log(data); });

C. fs.readFile('data.txt', (err, data) => { if (err) throw err; console.log(data); });

D. fs.readFile('data.txt', (data, err) => { if (err) throw err; console.log(data); });

Solution

1. Step 1: Check callback parameters order

   The callback receives err first, then data.

2. Step 2: Verify error handling and usage

   fs.readFile('data.txt', (err, data) => { if (err) throw err; console.log(data); }); correctly checks for error and logs data inside the callback.

3. Final Answer:

   fs.readFile('data.txt', (err, data) => { if (err) throw err; console.log(data); }); -> Option C

4. Quick Check:

   Callback params = (err, data) [OK]

Hint: Callback always has error first, then data [OK]

Common Mistakes:

• Swapping error and data parameters
• Omitting the callback function
• Not handling errors inside callback

3. What will be the output of the following code if example.txt contains the text "Hello World"?

const fs = require('fs');
fs.readFile('example.txt', (err, data) => {
  if (err) {
    console.log('Error reading file');
  } else {
    console.log(data.toString());
  }
});

medium

A. Error reading file

B. Hello World

C. [object Object]

D. undefined

Solution

1. Step 1: Understand callback behavior

   If no error, data contains file content as a Buffer.

2. Step 2: Convert Buffer to string

   data.toString() converts Buffer to readable text, so it prints "Hello World".

3. Final Answer:

   Hello World -> Option B

4. Quick Check:

   Buffer.toString() = file text [OK]

Hint: Use toString() to read file content as text [OK]

Common Mistakes:

• Printing Buffer object directly without conversion
• Ignoring error handling
• Expecting synchronous output

4. Identify the error in this code snippet that reads a file asynchronously:

const fs = require('fs');
fs.readFile('notes.txt', (data, err) => {
  if (err) {
    console.error('Failed to read file');
  } else {
    console.log(data.toString());
  }
});

medium

A. The callback parameters are reversed; error should be first

B. Missing encoding option in readFile

C. Using console.error instead of console.log

D. File path should be absolute

Solution

1. Step 1: Check callback parameter order

   The callback must have err as first parameter, then data.

2. Step 2: Understand impact of reversed parameters

   Reversing causes data to receive error and err to receive data, breaking error check.

3. Final Answer:

   The callback parameters are reversed; error should be first -> Option A

4. Quick Check:

   Callback params order = (err, data) [OK]

Hint: Error always comes first in callback parameters [OK]

Common Mistakes:

• Swapping error and data parameters
• Not handling errors properly
• Assuming encoding is mandatory

5. You want to read multiple files asynchronously and log their contents in order: file1.txt, file2.txt, and file3.txt. Which approach correctly ensures the files are read and logged in sequence using callbacks?

hard

A. Call fs.readFile for each file inside the previous file's callback

B. Call fs.readFile for all files at once without nesting callbacks

C. Use synchronous fs.readFileSync for all files

D. Use fs.readFile with promises instead of callbacks

Solution

1. Step 1: Understand asynchronous reading order

   Calling fs.readFile without nesting may log files out of order.

2. Step 2: Use nested callbacks to enforce sequence

   Reading each file inside the previous file's callback ensures order.

3. Final Answer:

   Call fs.readFile for each file inside the previous file's callback -> Option A

4. Quick Check:

   Nested callbacks = ordered async reads [OK]

Hint: Nest callbacks to keep async file reads in order [OK]

Common Mistakes:

• Calling all reads at once expecting order
• Using synchronous reads in async code
• Confusing promises with callbacks