Which property is used to change the text content of a selected element?

  • innerText
  • textContent
  • innerHTML
  • text
The textContent property is used to change the text content of a selected element. It sets or returns the text content of an element and ensures that any HTML tags are treated as plain text. The other options do not handle text content in the same way.

What is a property in JavaScript objects?

  • A value associated with an element in an array
  • A key-value pair associated with an object
  • A function that performs an action
  • A variable declaration
A property in JavaScript objects is a key-value pair associated with an object. The key is a string (or Symbol), and the value can be of any data type. Properties allow you to store data and functions within an object, making it a fundamental concept in JavaScript's object-oriented programming.

You've encountered a "Callback Hell" in a project you've inherited. What could be a strategic approach to refactor and manage the nested callbacks for better readability and maintainability?

  • Refactor using named functions
  • Continue using nested callbacks
  • Use anonymous arrow functions
  • Convert callbacks to Promises
When dealing with "Callback Hell," the strategic approach is to refactor the code using named functions. This technique makes the code more readable and maintainable by breaking down nested callbacks into separate named functions. It enhances code structure and comprehensibility, making it easier to manage complex asynchronous logic.

To prevent variables from being added to the global object, it is common to use a(n) _______ function expression.

  • IIFE (Immediately Invoked Function Expression)
  • Arrow
  • Anonymous
  • Prototype
To prevent variables from polluting the global object, an IIFE (Immediately Invoked Function Expression) is commonly used. It encapsulates code within a function scope and immediately executes it, keeping variables private and not accessible from the global scope.

The method _______ can be used to add new elements to the end of an array.

  • push()
  • unshift()
  • add()
  • append()
The push() method in JavaScript can be used to add new elements to the end of an array. This method modifies the original array and is commonly used when you want to add elements to the end of an array, expanding its length. For example, myArray.push('newElement') would add 'newElement' to the end of myArray.

What value types can be used for case comparisons in a switch statement?

  • Strings, numbers, and symbols
  • Arrays, objects, and booleans
  • Only numbers and booleans
  • Functions and undefined values
In a switch statement, you can use strings, numbers, and symbols as values for case comparisons. These values are compared strictly, meaning both value and type must match for the associated code block to execute.

You are working on a form validation feature where you want to select all input elements within a form. Which method allows you to select all input elements within a specific form element?

  • querySelectorAll('input')
  • getElementById('form')
  • getElementsByTag('form')
  • querySelectorAll('form input')
To select all input elements within a specific form, you should use the querySelectorAll('form input') method. This allows you to target input elements that are descendants of a specific form element. The other options are incorrect because they either select all input elements on the page or attempt to select a form element by ID or tag name, which doesn't filter the input elements within it.

Which of the following patterns is NOT facilitated by using closures in JavaScript?

  • Singleton Pattern
  • Module Pattern
  • Factory Pattern
  • Observer Pattern
Closures in JavaScript facilitate patterns like the Singleton Pattern, Module Pattern, and Observer Pattern. These patterns use closures to encapsulate data and create private scopes. However, the Factory Pattern is not primarily facilitated by closures. The Factory Pattern focuses on creating and returning objects or instances, which can be achieved without closures. It relies more on object creation and instantiation rather than scope encapsulation.

How does the ‘this’ keyword behave differently when used inside a function declaration versus a function expression?

  • 'this' refers to the global object (e.g., window in a browser) when used inside a function declaration.
  • 'this' refers to the local context where the function expression is defined, allowing for more precise control over its behavior.
  • 'this' always refers to the function itself, regardless of whether it's a declaration or expression.
  • 'this' behaves the same way in both function declarations and function expressions.
When 'this' is used inside a function declaration, it typically refers to the global object (e.g., 'window' in a browser), which can lead to unexpected behavior in some cases. In contrast, 'this' inside a function expression refers to the local context where the function is defined, making it more predictable and controllable.

The traditional "for" loop in JavaScript contains ________ main parts separated by semicolons.

  • 2
  • 3
  • 4
  • 5
The traditional "for" loop in JavaScript consists of three main parts separated by semicolons. These parts are: initialization (executed once at the beginning), condition (checked before each iteration), and increment (executed after each iteration). The fourth option is incorrect because a "for" loop in JavaScript does not typically have four main parts.