JavaScript interview questions and answers for 2023

The 4 and 2, in this case, behave as integers, and "8" behaves like a string. Therefore 4 + 2 equals 6. The output is 6+"8" = 68.

The keywords commonly used to handle exceptions are: try, catch, finally, throw, and throws.

By calling the window.print() method in the browser, we can print the content of the current window in JavaScript.

By using document.form[0].submit(), you can submit a form using JavaScript.

while loop: A while loop control flow statement that allows code to run repeatedly in response to a Boolean condition. The while loop is considered a repeated if statement.

for loop: A for loop offers an easy structure to write. In contrast to a while loop, for statement combines an initialization process, condition, and increment/decrement in one line, thereby giving a simpler, easier-to-understand looping structure.

do while: A do-while loop can be like a while loop, but with the exception that it examines the condition after executing the statements, which is why it's an instance of the Exit Control Loop.

The process of reading a cookie with JavaScript is also very easy. We can use the document.cookie string to store the cookies we have just created with the string.

The document.cookie string stores a list of name-value pairs separated by semicolons. The "name" is the name given to the cookie, and the "value" is its value. You can also employ split() method to split the value of the cookie into values and keys.

If you'd like to delete a cookie, so that future attempts to read it in JavaScript return nothing, then you must change the date of expiration to a date in the past. Defining the cookie's path is important to ensure you erase the correct cookie. Certain browsers won't allow you to delete a cookie if the path is not specified.

To create cookies using JavaScript, you must assign a string value to the document.cookie object.

Attributes- It provides more details on an element like id, type, value, etc.

Property- The value assigned to the property such as type="text" value='Name'.

Here are the methods by which an HTML element can be used in JavaScript code:

getElementById('idname'): Gets an element by its ID name

getElementsByClass('classname'): Gets all the elements that have the given class name.

getElementsByTagName('tagname'): Gets all the elements with the given tag name.

querySelector(): It returns the first selected element using a CSS style selector.

There are three ways that a JavaScript code can be used in the HTML file: Inline, Internal, and External.

Inline JavaScript

Internal JavaScript

External JavaScript

It's used to add elements to the front of the array and provides the updated length of the array. It's similar to a push method, which inserts elements at the beginning of the array.

Typed Language is where the datatype is defined which is interpreted by the machine at runtime.The typed language can be classified into two types:

Dynamically: In this case, the variable could contain multiple types; just like in JS variables, a variable can be a number or characters.

Statically: In this case, the variable can only hold one data type. Like Java, the variable declared of string can hold only one set of characters.

JavaScript framework is an application framework written using JavaScript. In its control flow, it is different from a JavaScript Library. There are many JavaScript frameworks, but the most popular are: Angular, Node, Bootstrap, and Vue among others.

Local Storage: The data is not transmitted directly to the server with each HTTP request (HTML, images, JavaScript, CSS, etc), thus reducing the traffic between the server and the client. It remains until removed manually through settings or software.

Session Storage: It is identical to local storage; the only difference is that while the data stored locally does not expire, whereas in session storage, it is deleted when the session is over. Session Storage is removed once the browser closes.

JavaScript window can be described as a global object that contains properties and methods that interact with it.

The document is a part of the window and is considered as the property of the window.

innerHTML - innertHTML returns the entire text, including the HTML tags, that are contained within an element.

innerText - innerText returning the entire text that is contained within an element as well as its child elements.

This parseInt() function can convert numbers between different bases. This function returns an integer of a base specified in the second argument of the parseInt() method.

Imports and exports allow the writing of modular JavaScript code. With the help of exports and imports, we can break the code into multiple files.

Strict Mode in JavaScript is a way to opt into a restricted variant of the language, which enforces stricter parsing and error handling rules. It helps developers write more secure and efficient code by catching common mistakes and potential bugs that might otherwise go unnoticed.

When enabled, Strict Mode may throw errors for code that previously worked without any issues, but it does so in order to catch potential issues that could lead to bugs or security vulnerabilities. Strict Mode also disables some features of JavaScript that could be problematic or confusing, such as the automatic creation of global variables.

Overall, Strict Mode is a useful tool for writing safer and more reliable JavaScript code, but it requires developers' care and attention to use effectively.

Let and var are utilized for method and variable declarations within JavaScript. The primary difference between them is the scope in which these variables are used. The variables that are declared using ‘Let’ are only used within the block where they are declared. The variables declared by ‘Var’ are available across the function where they are declared.

The isNaN() function is used to determine whether the given value is an illegal number or not. If it returns true, the value is a NaN - Not a number. Else returns false. It differs from the Number.isNaN() method.

JavaScript has three types of errors: Runtime, Logical, and Syntax.

Syntax errors- These occur when the code violates the rules of the JavaScript language. For example, a missing semicolon, an unclosed string, or an unexpected token.

Logical errors - These occur when the code does not produce the desired outcome, but there is no error message displayed. Logical errors are usually caused by mistake in the code's logic or algorithm.

Runtime errors- These occur when the code is syntactically correct and logically sound, but still throws an error during execution. For example, accessing an undefined variable, calling a function that does not exist, or attempting to divide by zero.

The first step to debugging a JavaScript program is to identify the error. This can be done by using the JavaScript console in the browser’s developer tools. The console will display any errors that occur during script execution such as syntax errors, type errors, and reference errors. Once the error has been identified, the code can be examined line by line to find the source of the issue and the issue can be addressed.

To create a function that takes two numbers and adds them together, you can use the following code snippet:

We can retrieve a character from a certain index using the charAt() function.

A for loop in JavaScript takes 3 parameters (initialization, condition, and increment/decrement) and contains a block of code that is executed until the condition is met. For example:

The Prototype design Pattern is described as a property pattern or prototype pattern that can be used to create different objects and prototypes that are copied using a template with specific values.

The key idea behind the Prototype Pattern is to use an existing object as a template and create new instances by copying its properties. This approach can be more efficient than creating new instances from scratch, especially if the object has a complex initialization process. By copying an existing object, we can avoid the need to repeat the initialization process for every new object that we create.

AIt is an area of block where a variable cannot be accessed until it is completely initialized with a value by the computer. Incase, one tries to access it before complete initialization, JavaScript throws “ReferenceError”. It is defined using const and let keywords.

The .map() and .forEach() methods are both used to iterate over an array, but the .map() method can be used to transform an array by returning a new array with the same number of elements but with different values. The .forEach() method is used to perform an action on each element in the array without returning a new array. For example:

To create a method that returns the sum of all the elements in an array, you can use the Array.prototype.reduce() method. For example:

The style/class of an element can be changed in two ways.

document.getElementById("myText").style.fontSize = "14px;

document.getElementById("myText").className = "anyclass";

There are two ways we can eliminate duplicates from the JavaScript array:

Through the Filter Method:

The filter() method can use three arguments: arrays, current element, and the current element's index.

Utilizing the For Loop

The For loop involves iterating through the original array and checking whether each element has already been added to a new array. If it hasn't, the element is added; if it has, it is skipped.

For reading operations, the readFile() function is used.

readFile( Path, Options, Callback)

For writing operations,The writeFile() functions is used.

writeFile( Path, Data, Callback)

This can be done by using the target attribute in the hyperlink. Like

JavaScript:

• It is a scripting programming language created by Netscape.
• This is utilized to develop the server and client-side software.
• It is independent of Java language.

JScript:

• This is a scripting language created by Microsoft.
• It's used to create interactive online content.

To hide the JavaScript codes from old browsers that do not have support for JavaScript, you can make use of:

The majority of browsers from the past will consider it as a long comment of HTML. New browsers that support JavaScript will treat it as an online message. Alternatively, you could use the "noscript" element to provide alternative content that will display for users who do not have JavaScript enabled.

Output: 0

When there are only a few lines of code for a particular webpage, it is preferable to keep JavaScript code internal within the HTML document.
However, if the JavaScript code is used on multiple web pages, it is advisable to keep the code in a separate file.

The escape () function codes a string to transfer the information across a network from one system to another.
Example

The unescape() function decodes the coded string.
Example

Screen objects read the information from the screen of the client. Some properties of screen objects are

• AvailHeight: Provides the height of the screen
• AvailWidth: Provides the width of the screen
• ColorDepth: Provides the bit depth of images on the screen
• Height: Provides the total height of the screen along with the taskbar
• Width: Provides the total width of the screen, including the taskbar

The functional components in JavaScript are-

First-class functions: functions are used as first-class objects. This means they can be passed as arguments to other functions, sent back as values from other functions, assigned to variables, or can even be saved as data structures.

Nested functions: These are defined inside other functions and called every time the main function is called.

When the page loads, HTML code parsing is paused by default till the time the script has not fully executed. this happens when the server is slow or the script is heavy, and the web page gets delayed. So by using Deferred script , scripts execution is delayed till the HTML parser rums. this helps reduce the loading time of web pages and they can be displayed faster.

Whenever the user clicks the link or fills out a form, events take place. Events are the actions that come off as a result of activities. An event handler serves to manage the proper execution of all these events. They are an extra attribute if the object which includes the vent's name and action is taken when the event takes place.

Document Object Model (DOM) is how different objects in a document interact with each other. It is used for developing web pages that include objects like paragraphs, links, etc. These Objects can be made to perform actions like add or delete. Also, it adds extra abilities to a web page.

To define a class in JavaScript, you can use the class keyword. For example:

In JavaScript, DOM elements can be nested inside each other.
Now, in such cases, when the handler of the child is clicked, the handler associated with the parent will also work.

Window.onload is an event that is fired when the page has finished loading. This event is often used to perform tasks that need to be done after the page has loaded, such as setting up event handlers, initializing components, or making AJAX requests.

On the contrary, onDocumentReady is an event that is fired when the page's HTML document is ready to be interacted with. This event is often used to perform tasks that need to be done when the page is ready, such as setting up event handlers, initializing components, or making AJAX requests.

The following syntax is used
alert(document.getElementById('checkbox1').checked);

We can append a value to an array by

arr[arr.length] = value;