jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-02-27 11:04:01 -05:00
Code Issues Projects Releases Wiki Activity

refactor(curriculum): JS higher-order quiz (#58472)

Browse Source 
Co-authored-by: Dario-DC <105294544+Dario-DC@users.noreply.github.com>
This commit is contained in:
Zaira
2025-02-04 18:54:36 +05:00
committed by GitHub
parent 683b6cfcad
commit a04afd6cfd
1 changed files with 61 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
curriculum/challenges/english/25-front-end-development/quiz-javascript-higher-order-functions/66edcdd18a4ef8df16e6bb7e.md
View File

@@ -17,7 +17,7 @@ To pass the quiz, you must correctly answer at least 18 of the 20 questions belo
#### --text--
Consider the following statements about JavaScript higher-order functions. Which one presents a common misconception?
Which of the following statements about JavaScript higher-order functions is NOT true?
#### --distractors--
@@ -39,29 +39,29 @@ All functions in JavaScript, including those that do not take or return other fu
#### --text--
Which of the following statements about closures and higher-order functions is true?
What is a factory function in the context of higher order functions?
#### --distractors--
Higher-order functions must always return a new function; otherwise, they are not considered higher-order.
A function that creates new variables.
---
Closures and higher-order functions are unrelated concepts in JavaScript.
A function that only works with strings.
---
Higher-order functions cannot create closures since they do not return inner functions.
A function that automatically generates code comments.
#### --answer--
Closures created by higher-order functions can capture the lexical scope, allowing for state preservation.
A function that returns a new function based on specific parameters
### --question--
#### --text--
What is the result of this code?
After code execution, what will be the value of `forEachRes` and `mapRes`?
```js
const numbers = [1, 1, 1, 1, 1];
@@ -168,15 +168,15 @@ It varies depending on the accumulator's initial value and the callback function
#### --text--
How does the `sort()` method behave if no comparison function is provided?
How does the `sort()` method behave if no compare function is provided in numerical sorting?
#### --distractors--
It sorts the array as strings based on UTF-16 code units, sorting `undefined`, empty slots, and object references to the beginning of the array.
It fills the empty slots with `null`.
---
It returns an error.
It returns an array of special characters.
---
@@ -184,7 +184,7 @@ It sorts the array in reverse order.
#### --answer--
It sorts the array as strings based on UTF-16 code units. Objects are compared as the string `"[object Object]"`. Empty slots are moved to the end of the array.
It sorts the array as strings based on UTF-16 code units.
### --question--
@@ -242,29 +242,37 @@ str.toLowerCase().trim().replace(' ', '_');
#### --text--
What must a method return to allow for method chaining?
What is the output of the following code?
```js
let numbers = [2, 4, 8, 10];
numbers.forEach(function(number) {
console.log(number % 2);
});
```
#### --distractors--
A primitive value.
`2 4 8 10`
---
A boolean value.
`null null null null`
---
An array.
`1 2 4 5`
#### --answer--
The same object (`this`) or another object that has more methods.
`0 0 0 0`
### --question--
#### --text--
Which of the following benefits does method chaining provide?
Which of the following is a benefit of method chaining?
#### --distractors--
@@ -286,126 +294,117 @@ It promotes simplified syntax and more readable code by allowing multiple operat
#### --text--
In the context of method chaining, what is a fluent interface?
How can you sort an array of objects by a specific property using the `sort` method?
#### --distractors--
A way to handle errors in method calls.
The `sort` method cannot sort objects.
---
A type of function that returns a promise.
Use the `reverse` method after sorting.
---
A design pattern for asynchronous programming.
Convert the objects to strings and sort them.
#### --answer--
A style that allows method chaining for more natural syntax.
Use a compare function that compares the property values.
### --question--
#### --text--
What is the impact of using `bind()` on a higher-order function in JavaScript?
In method chaining, what is a common practice to enhance clarity and debugging?
#### --distractors--
`bind()` creates a new function with a specific `this` context, but does not change the function's parameters.
Use fewer methods in the chain.
---
`bind()` can modify the original function's implementation.
Avoid chaining methods that return only primitive values.
---
`bind()` ensures the function is executed immediately with the specified context.
Use only built-in methods.
#### --answer--
`bind()` creates a new function with a specific `this` context, allowing the higher-order function to retain the intended context when called later.
Break long chains into multiple steps.
### --question--
#### --text--
Which of the following methods supports method chaining?
What is a potential downside of using method chaining excessively in your code?
#### --distractors--
```js
Array.prototype.concat();
```
It makes the code run slower.
---
```js
Array.prototype.map();
```
It prevents the use of comments.
---
```js
Array.prototype.filter();
```
It makes the file size larger.
#### --answer--
All options mentioned.
It can make the code harder to debug.
### --question--
#### --text--
What will `[2, , 2].every((x) => x === 2)` return?
Which method would you use to determine if all elements in an array are strings?
#### --distractors--
`false`, `every()` will not run its predicate on empty slots.
`some()`
---
`undefined`
`everyInstance()`
---
`null`
`filter()`
#### --answer--
`true`, `every()` will not run its predicate on empty slots.
`every()`
### --question--
#### --text--
What does the following code demonstrate about the `.filter()` method in JavaScript?
What will be the value of `originalArray` after the following code is run?
```js
const originalArray = [{ id: 1 }, { id: 2 }, { id: 3 }];
const filteredArray = originalArray.filter(item => item.id > 1);
filteredArray[0].id = 4;
console.log(originalArray);
```
#### --distractors--
`originalArray` remains unchanged.
`[{ id: 1 }, { id: 2 }, { id: 3 }]`
---
`originalArray` only retains the elements filtered out.
`[{ id: 1 }]`
---
`originalArray` is completely different from `filteredArray`.
`[{ id: 4 }, { id: 2 }, { id: 3 }]`
#### --answer--
`originalArray` reflects changes made to `filteredArray` due to shallow copying.
`[{ id: 1 }, { id: 4 }, { id: 3 }]`
### --question--
#### --text--
@@ -440,7 +439,7 @@ console.log(result);
#### --text--
What is the purpose of the `initialValue` parameter in the `reduce()` method?
What is the purpose of providing an initial value as an argument to the `reduce()` method?
#### --distractors--
@@ -462,43 +461,42 @@ To define the starting value for the accumulator.
#### --text--
What is the recommended practice when using the `map()` method instead of `forEach()`?
Can the `map` method be used on objects that are not arrays?
#### --distractors--
Always chain it with the `forEach()` method.
Yes, it can be used on any object.
---
Always use it to modify existing objects.
Yes, but only on objects with numeric properties.
---
Use it to delete elements from the array.
It depends on the JavaScript version.
#### --answer--
Use it with pure functions, avoid it when using functions making side effects.
No, it is specifically designed for arrays.
### --question--
#### --text--
What happens when `map()` is called on a sparse array?
What is the primary purpose of the `map` method in JavaScript?
#### --distractors--
It fills in the empty slots with null.
To sort an array and return a new array while maintaining the original order.
---
The callback function is called for every index, including empty slots.
To filter elements from an array and remove or add elements based on a condition.
---
The array is automatically compacted to remove empty slots.
To find a specific element in an array and return its index along with the element.
#### --answer--
The returned array remains sparse, and the callback is not invoked for empty slots.
To create a new array containing the results of calling a provided function on each element in the starting array.