JavaScript Questions

It accesses the global scope.

It refers to the current date and time.

It creates a new object instance.

It points to the object that the function is a property of, determined at function call time.

Frequently reading element properties like 'offsetWidth'

Using 'innerHTML' to update large sections of the DOM

Making changes to elements with 'display: none'

Batching DOM updates and using 'requestAnimationFrame'

'nextSibling' might return a text node or comment, while 'nextElementSibling' only returns element nodes.

There is no difference; they are interchangeable.

'nextSibling' traverses upwards in the DOM, while 'nextElementSibling' traverses downwards.

'nextSibling' only works with elements, while 'nextElementSibling' works with any node type.

getElementById('my-id')

querySelectorAll('#my-id')[0]

querySelector('#my-id')

getElementsByClassName('my-class')[0]

To create multiple instances of an object with shared properties and methods.

To define private variables within a function scope.

To handle asynchronous operations.

To define static methods for a class.

Using 'async/await' for all asynchronous operations

Minimizing function calls

Dereferencing unused objects and variables

Using 'const' for all variable declarations

It parses the response body as JSON data.

It sets the Content-Type header of the request to 'application/json'.

It converts a JavaScript object into a JSON string.

It sends a JSON-encoded request to the server.

call()

spread()

bind()

apply()

.map()

.forEach()

.filter()

.call()

To create loops that iterate over arrays.

To manage asynchronous operations and their results.

To define object-oriented classes.

To handle synchronous operations more efficiently.