ES6 Modules are automatically in __________ mode, in contrast to CommonJS modules.
- Strict
- Non-strict
- Loose
- Synchronous
ES6 Modules are automatically in strict mode, which enforces a stricter set of rules compared to non-strict mode. In contrast, CommonJS modules are not automatically in strict mode, and developers need to opt into strict mode if desired.
In a single-page application, how can dynamic imports optimize loading times for different components?
- Load components synchronously in the main bundle.
- Use dynamic imports to load components lazily when they are needed.
- Preload all components during the initial page load.
- Use static imports to include all components in the main bundle.
Dynamic imports allow loading components asynchronously when they are needed, reducing the initial loading time and improving performance. This is particularly useful in single-page applications where not all components are required immediately.
What method would you use to get the number of elements in a Map?
- size method
- length method
- count method
- elements method
To get the number of elements in a Map in ES6, you would use the size method. This method returns the number of key-value pairs present in the Map.
Which method is essential for an object to be an iterator?
- next() method
- getIterator() method
- iterate() method
- forEach() method
An iterator in JavaScript must implement the next() method. This method is called on each iteration and should return an object with properties like value and done, indicating the next value in the sequence and whether the iteration is complete.
How do dynamic imports interact with tree shaking in modern JavaScript bundlers?
- Enhances tree shaking
- Impedes tree shaking
- No interaction
- Works only in development mode
Dynamic imports enhance tree shaking by enabling the removal of unused code during the bundling process. Tree shaking is more effective as it can analyze the dynamic imports and eliminate dead code paths, leading to smaller bundle sizes.
The String.raw tag function returns a string where escape sequences like n are treated as _______ text.
- Formatted
- Raw
- Escaped
- Plain
The String.raw tag function in ES6 returns a string where escape sequences are treated as raw text. It is useful when you want to include backslashes in a string without interpreting them as escape characters.
The ES6 Module system supports __________ import syntax, which is not possible in CommonJS.
- Dynamic
- Static
- Deferred
- Asynchronous
ES6 introduced static import syntax for modules, allowing developers to specify exactly what they want to import. This is not possible in CommonJS, where imports are dynamic and are resolved at runtime.
When using super in a constructor, it initializes the _______ of the derived class.
- Properties
- Constructor
- State
- Methods
In a derived class constructor, super initializes the properties of the derived class, calling the constructor of the parent class. This sets up the state for the derived class.
What is a key feature of arrow functions regarding the handling of the this keyword?
- They bind the this keyword dynamically
- They do not have access to the this keyword
- They always refer to the this of the global object
- They bind the this keyword statically
Arrow functions do not have their own this context; instead, they inherit the this value from the surrounding lexical scope. This is a crucial feature that can prevent the common issue of losing the correct this context in nested functions.
What is a higher-order function in JavaScript?
- A function that takes another function as an argument.
- A function that operates on other functions, either by taking them as arguments or by returning them.
- A function that only performs operations on numbers.
- A function that can only be called once.
In JavaScript, a higher-order function is one that either takes a function as an argument or returns a function. This allows for the creation of more flexible and reusable code.