JavaScript Interview Questions for Freshers
JavaScript Interview Questions for Freshers
Let’s discuss some common questions that you should prepare for the
interviews. These questions will be helpful in clearing the interviews specially for
the frontend development role.
1. What are the differences between Java and JavaScript?
JavaScript is a client-side scripting language and Java is object Oriented
Programming language. Both of them are totally different from each other.
JavaScript: It is a light-weighted programming language (“scripting
language”) for developing interactive web pages. It can insert dynamic
text into the HTML elements. JavaScript is also known as the browser’s
language.
Java: Java is one of the most popular programming languages. It is an
object-oriented programming language and has a virtual machine
platform that allows you to create compiled programs that run on nearly
every platform. Java promised, “Write Once, Run Anywhere”.
2. What are JavaScript Data Types?
There are three major Data types in JavaScript.
Primitive
Numbers
Strings
Boolean
Symbol
Trivial
Undefined
Null
Composite
Objects
Functions
Arrays
3. Which symbol is used for comments in JavaScript?
Comments prevent the execution of statements. Comments are ignored while
the compiler executes the code. There are two type of symbols to represent
comments in JavaScript:
Double slash: It is known as a single-line comment.
// Single line comment
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<button onclick="create()">
Click Here!
</button>
<script>
function create() {
let geeks = document.createElement('geeks');
geeks.textContent = "Geeksforgeeks";
geeks.setAttribute('class', 'note');
document.body.appendChild(geeks);
}
</script>
</body>
</html>
12. What are global variables? How are these variables declared,
and what are the problems associated with them?
In contrast, global variables are the variables that define outside of functions.
These variables have a global scope, so they can be used by any function
without passing them to the function as parameters.
Example:
javascript
function myFunction() {
document.getElementById("geeks").innerHTML
= typeof petName + "- " +
"My pet name is " + petName;
}
document.getElementById("Geeks")
.innerHTML = typeof petName + "- " +
"My pet name is " + petName;
It is difficult to debug and test the code that relies on global variables.
13. What do you mean by NULL in JavaScript?
The NULL value represents that no value or no object. It is known as empty
value/object.
14. How to delete property-specific values?
The delete keyword deletes the whole property and all the values at once like
let gfg={Course: "DSA", Duration:30};
delete gfg.Course;
15. What is a prompt box?
The prompt box is a dialog box with an optional message prompting the user to
input some text. It is often used if the user wants to input a value before
entering a page. It returns a string containing the text entered by the user, or
null.
16. What is the ‘this’ keyword in JavaScript?
Functions in JavaScript are essential objects. Like objects, it can be assign to
variables, pass to other functions, and return from functions. And much like
objects, they have their own properties. ‘this’ stores the current execution
context of the JavaScript program. Thus, when it use inside a function, the value
of ‘this’ will change depending on how the function is defined, how it is invoked,
and the default execution context.
17. Explain the working of timers in JavaScript. Also elucidate the
drawbacks of using the timer, if any.
The timer executes some specific code at a specific time or any small amount of
code in repetition to do that you need to use the
functions setTimout, setInterval, and clearInterval. If the JavaScript code
sets the timer to 2 minutes and when the times are up then the page displays an
alert message “times up”. The setTimeout() method calls a function or
evaluates an expression after a specified number of milliseconds.
18. What is the difference between ViewState and SessionState?
ViewState: It is specific to a single page in a session.
SessionState: It is user specific that can access all the data on the web
pages.
19. How to submit a form using JavaScript?
You can use document.form[0].submit() method to submit the form in
JavaScript.
20. Does JavaScript support automatic type conversion?
Yes, JavaScript supports automatic type conversion.
JavaScript Intermediate Interview Questions
21. What are all the looping structures in JavaScript ?
while loop: A while loop is a control flow statement that allows code to
be executed repeatedly based on a given Boolean condition. The while
loop can be thought of as a repeating if statement.
for loop: A for loop provides a concise way of writing the loop structure.
Unlike a while loop, for statement consumes the initialization, condition
and increment/decrement in one line thereby providing a shorter, easy
to debug structure of looping.
do while: A do-while loop is similar to while loop with the only
difference that it checks the condition after executing the statements,
and therefore is an example of Exit Control Loop.
22. How can the style/class of an element be changed?
To change the style/class of an element there are two possible ways. We
use document.getElementByID method
document.getElementById("myText").style.fontSize = "16px;
document.getElementById("myText").className = "class";
23. Explain how to read and write a file using JavaScript?
The readFile() functions is used for reading operation.
readFile( Path, Options, Callback)
The writeFile() functions is used for writing operation.
writeFile( Path, Data, Callback)
24. What is called Variable typing in JavaScript ?
The variable typing is the type of variable used to store a number and using
that same variable to assign a “string”.
Geeks = 42;
Geeks = "GeeksforGeeks";
25. How to convert the string of any base to integer in JavaScript?
In JavaScript, parseInt() function is used to convert the string to an integer. This
function returns an integer of base which is specified in second argument of
parseInt() function. The parseInt() function returns Nan (not a number) when the
string doesn’t contain number.
26. Explain how to detect the operating system on the client
machine?
To detect the operating system on the client machine, one can simply use
navigator.appVersion or navigator.userAgent property. The Navigator appVersion
property is a read-only property and it returns the string that represents the
version information of the browser.
27. What are the types of Pop up boxes available in JavaScript?
There are three types of pop boxes available in JavaScript.
Alert
Confirm
Prompt
28. What is the difference between an alert box and a confirmation
box?
An alert box will display only one button which is the OK button. It is used to
inform the user about the agreement has to agree. But a Confirmation box
displays two buttons OK and cancel, where the user can decide to agree or not.
29. What is the disadvantage of using innerHTML in JavaScript?
There are lots of disadvantages of using the innerHTML in JavaScript as the
content will replace everywhere. If you use += like “innerHTML = innerHTML +
‘html’” still the old content is replaced by HTML. It preserves event handlers
attached to any DOM elements.
30. What is the use of void(0) ?
The void(0) is used to call another method without refreshing the page during
the calling time parameter “zero” will be passed.
For further reading, check out our dedicated article on Intermediate
Javascript Interview Questions. Inside, you’ll discover over 20 questions with
detailed answers.
// Explanation of closure
function foo() {
let b = 1;
function inner() {
return b;
}
return inner;
}
let get_func_inner = foo();
console.log(get_func_inner());
console.log(get_func_inner());
console.log(get_func_inner());
Closures are an ability of a function to remember the variables and functions that are
declared in its outer scope.
In JavaScript, primitive data types are passed by value and non-primitive data
types are passed by reference.
7. Is javascript a statically typed or a dynamically typed language?
DOM stands for Document Object Model. DOM is a programming interface for
HTML and XML documents.
The charAt() function of the JavaScript string finds a char element at the supplied
index.
Browser Object Model is known as BOM. It allows users to interact with the browser. A
browser's initial object is a window. As a result, you may call all of the window's
functions directly or by referencing the window. The document, history, screen,
navigator, location, and other attributes are available in the window object
o Lightweight
o Complementary to Java
o Complementary to HTML
o Open source
Cross-platform
1. By object literal
3. By Object Constructor
1. emp={id:102,name:"Rahul Kumar",salary:50000}
More details.
1. By array literal