Scribd
Upload
642 views

Latest JavaScript Interview Questions and Answers PDF - CodeProject2019

This document provides 23 JavaScript interview questions and answers to help prepare for both experienced programmers and freshers. Some of the key questions covered include: what JavaScript is, how to add it to a web page, data types in JavaScript, operators, accessing textbox values, creating arrays, the Math object, the 'this' keyword, and changing element styles.

Uploaded by

rajan
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
642 views

Latest JavaScript Interview Questions and Answers PDF - CodeProject2019

This document provides 23 JavaScript interview questions and answers to help prepare for both experienced programmers and freshers. Some of the key questions covered include: what JavaScript is, how to add it to a web page, data types in JavaScript, operators, accessing textbox values, creating arrays, the Math object, the 'this' keyword, and changing element styles.

Uploaded by

rajan
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

8/22/2017 Latest JavaScript Interview Questions and Answers PDF - CodeProject

13,093,549 members (64,407 online) Sign in

Search for articles, questions, tips


articles Q&A forums lounge

Latest JavaScript Interview Questions and Answers PDF


Vikas ahlawat - www.tutoriz.com, 3 Apr 2014

4.71 (73 votes) Rate this:

JavaScript Interview Questions Answers

Introduction
Below is the list of latest and updated JavaScript interview questions and their answers for freshers as well as experienced users. These interview questions will help you
to prepare for the interviews, So let's start....

JavaScript Interview Questions for both Experienced Programmers and Freshers


1) What is JavaScript?
Ans:JavaScript is a scripting language most often used for client-side web development.

2) What is the difference between JavaScript and Jscript?


Ans:Both JavaScript and Jscript are almost similar. JavaScript was developed by Netscape. Microsoft reverse engineered Javascript and called it JScript.

3) How do we add JavaScript onto a web page?


Ans:There are several way for adding JavaScript on a web page, but there are two ways which are commonly used by developers
If your script code is very short and only for single page, then following ways are the best:
a) You can place <script type="text/javascript"> tag inside the <head> element.

Code
Hide Copy Code
<head>
<title>Page Title</title>
<script language="JavaScript" type="text/javascript">
var name = "Vikas Ahlawta"
alert(name);
</script>
</head>

b) If your script code is very large, then you can make a JavaScript file and add its path in the following way:

Code
Hide Copy Code
<head>
<title>Page Title</title>
<script type="text/javascript" src="myjavascript.js"></script>
</head>

4) Is JavaScript case sensitive?


Ans:Yes!
A function getElementById is not the same as getElementbyID.

5) What are the types used in JavaScript?


Ans:String, Number, Boolean, Function, Object, Null, Undefined.

6) What are the boolean operators supported by JavaScript? And Operator: &&
Or Operator: ||

https://www.codeproject.com/Articles/620811/Latest-JavaScript-Interview-Questions-and-Answers 1/7
8/22/2017 Latest JavaScript Interview Questions and Answers PDF - CodeProject
Not Operator: !

7) What is the difference between == and ===?


Ans:
== checks equality only,
=== checks for equality as well as the type.

8) How to access the value of a textbox using JavaScript?


Ans: ex:-

Code
Hide Copy Code

<!DOCTYPE html>
<html>
<body>
Full name: <input type="text" id="txtFullName"

name="FirstName" value="Vikas Ahlawat">


</body>
</html>

There are following ways to access the value of the above textbox:

Hide Copy Code

var name = document.getElementById('txtFullName').value;

alert(name);

or:

we can use the old way:

Hide Copy Code

document.forms[0].mybutton.

var name = document.forms[0].FirstName.value;

alert(name);

Note: This uses the "name" attribute of the element to locate it.

9) What are the ways of making comments in JavaScript?


Ans:

Hide Copy Code

// is used for line comments


ex:- var x=10; //comment text

/*
*/ is used for block comments

ex:-
Hide Copy Code

var x= 10; /* this is


block comment example.*/

10) How will you get the Checkbox status whether it is checked or not?
Ans:

Hide Copy Code

var status = document.getElementById('checkbox1').checked;


alert(status);

will return true or false.

11) How to create arrays in JavaScript?


Ans:There are two ways to create array in JavaScript like other languages:

a) The first way to create array


Declare Array:

Code
Hide Copy Code

https://www.codeproject.com/Articles/620811/Latest-JavaScript-Interview-Questions-and-Answers 2/7
8/22/2017 Latest JavaScript Interview Questions and Answers PDF - CodeProject

var names = new Array();


Add Elements in Array:-
names[0] = "Vikas";
names[1] = "Ashish";
names[2] = "Nikhil";

b) This is the second way:

Hide Copy Code

var names = new Array("Vikas", "Ashish", "Nikhil");

12) If an array with name as "names" contain three elements, then how will you print the third element of this array?
Ans: Print third array element document.write(names[2]);
Note:- Array index starts with 0.

13) How do you submit a form using JavaScript?


Ans:Use document.forms[0].submit();

14) What does isNaN function do?


Ans: It returns true if the argument is not a number.
Example:

Code
Hide Copy Code

document.write(isNaN("Hello")+ "<br>");
document.write(isNaN("2013/06/23")+ "<br>");
document.write(isNaN(123)+ "<br>");

The output will be:

Hide Copy Code

true
true
false

15) What is the use of Math Object in JavaScript?


Ans: The math object provides you properties and methods for mathematical constants and functions.
ex:-

Code
Hide Copy Code

var x = Math.PI; // Returns PI


var y = Math.sqrt(16); // Returns the square root of 16
var z = Math.sin(90); Returns the sine of 90

16) What do you understand by this keyword in JavaScript?


Ans: In JavaScript the this is a context-pointer and not an object pointer. It gives you the top-most context that is placed on the stack. The following gives two
different results (in the browser, where by-default the window object is the 0-level context):

Hide Copy Code

var obj = { outerWidth : 20 };

function say() {
alert(this.outerWidth);
}

say();//will alert window.outerWidth


say.apply(obj);//will alert obj.outerWidth

17) What does "1"+2+4 evaluate to?


Ans: Since 1 is a string, everything is a string, so the result is 124.

18) What does 3+4+"7" evaluate to?


Ans: Since 3 and 4 are integers, this is number arithmetic, since 7 is a string, it is concatenation, so 77 is the result.

19) How do you change the style/class on any element using JavaScript?
Ans:

Code
Hide Copy Code

document.getElementById("myText").style.fontSize = "10";

https://www.codeproject.com/Articles/620811/Latest-JavaScript-Interview-Questions-and-Answers 3/7
8/22/2017 Latest JavaScript Interview Questions and Answers PDF - CodeProject

-or-
Hide Copy Code

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

20) Does JavaScript support foreach loop?


Ans: JavaScript 1.6(ECMAScript 5th Edition) support foreach loop,

See example here http://jsfiddle.net/gpDWk/

21) What looping structures are there in JavaScript?


Ans: for, while, do-while loops

22) What is an object in JavaScript, give an example?


Ans: An object is just a container for a collection of named values:

// Create the man object

Code
Hide Copy Code

var man = new Object();


man.name = 'Vikas Ahlawat';
man.living = true;
man.age = 27;

23) How you will add function as a property in a JavaScript object? Give an example.
Ans:

Code
Hide Copy Code

var man = new Object();


man.name = 'Vikas Ahlawat';
man.living = true;
man.age = 27;
man.getName = function() { return man.name;}
console.log(man.getName()); // Logs 'Vikas Ahlawat'.

24) What is the similarity between the 1st and 2nd statement?
1st:- var myString = new String('male'); // An object.
2nd:- var myStringLiteral = 'male'; // Primitive string value, not an object.
Ans: Both will call String() constructor function
You can confirm it by running the following statement:

Hide Copy Code

console.log(myString.constructor, myStringLiteral.constructor);

25) What will be the output of the following statements?

Code
Hide Copy Code

var myString = 'Vikas' // Create a primitive string object.


var myStringCopy = myString; // Copy its value into a new variable.
var myString = null; // Manipulate the value
console.log(myString, myStringCopy);
Ans: // Logs 'null Vikas'

26) Consider the following statements and tell what would be the output of the logs statements?

Hide Copy Code


var price1 = 10;
var price2 = 10;
var price3 = new Number('10'); // A complex numeric object because new was used.
console.log(price1 === price2);
console.log(price1 === price3);

Ans:
Hide Copy Code
console.log(price1 === price2); // Logs true.
console.log(price1 === price3); /* Logs false because price3
contains a complex number object and price 1
is a primitive value. */

https://www.codeproject.com/Articles/620811/Latest-JavaScript-Interview-Questions-and-Answers 4/7
8/22/2017 Latest JavaScript Interview Questions and Answers PDF - CodeProject
27) What would be the output of the following statements?

Hide Copy Code


var object1 = { same: 'same' };
var object2 = { same: 'same' };
console.log(object1 === object2);

Ans: // Logs false, JavaScript does not care that they are identical and of the same object type.
When comparing complex objects, they are equal only when they reference the same object (i.e., have the same address). Two variables containing identical objects are
not equal to each other since they do not actually point at the same object.

28) What would be the output of the following statements?

Code
Hide Copy Code
var object1 = { same: 'same' };
var object2 = object1;
console.log(object1 === object2);

Ans: // Logs true

29) What is this?

Hide Copy Code


var myArray = [[[]]];

Ans: Three dimensional array

30) Name any two JavaScript functions which are used to convert nonnumeric values into numbers?
Ans:

Hide Copy Code


Number()
parseInt()
parseFloat()

Code
Hide Copy Code
var n1 = Number("Hello world!"); //NaN
var n2 = Number(""); //0
var n3 = Number("000010"); //10
var n4 = Number(true); //1
var n5 = Number(NaN); //NaN

31) Does JavaScript Support automatic type conversion, If yes give example.

Ans: Yes! Javascript support automatic type conversion. You should take advantage of it, It is most common way of type conversion used by Javascript developers.

Ex.

Hide Copy Code

var s = '5';
var a = s*1;
var b = +s;
typeof(s); //"string"
typeof(a); //"number"
typeof(b); //"number"

*Question(31) suggested by Florian Rappl

License
This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share
EMAIL TWITTER

https://www.codeproject.com/Articles/620811/Latest-JavaScript-Interview-Questions-and-Answers 5/7
8/22/2017 Latest JavaScript Interview Questions and Answers PDF - CodeProject

About the Author

You may also be interested in...


Designing For DevOps SAPrefs - Netscape-like Preferences Dialog

ASP.NET MVC interview questions with answers Generate and add keyword variations using AdWords API

Latest jQuery interview questions and answers Window Tabs (WndTabs) Add-In for DevStudio

Comments and Discussions


You must Sign In to use this message board.

Search Comments Go

First Prev Next

My vote of 4
Ujjval Shukla 10-Jul-15 22:01

More Javascript interview quizzes


Member 11797151 27-Jun-15 13:07

Just my opinion
Dvid Kocsis 26-May-15 2:47

My vote of 4
Novakovi 3-Nov-14 3:18

Thanks
Girish Nama 17-Oct-14 18:13

My Vote 5
Shemeemsha RA 6-Oct-14 19:52

My vote of 5
Sibeesh KV 15-Sep-14 23:07

Very simple for the beginners


rvasif 3-Apr-14 5:41

Please improve the answer to question 7


gwag 3-Apr-14 0:40

My vote of 1
Member 10394796 2-Apr-14 7:15

https://www.codeproject.com/Articles/620811/Latest-JavaScript-Interview-Questions-and-Answers 6/7
8/22/2017 Latest JavaScript Interview Questions and Answers PDF - CodeProject

Nice job
chait301 4-Mar-14 3:02

Great and Simple


Endalew 17-Oct-13 11:41

Thanks
oddadmix 30-Sep-13 4:38

My vote of 3
DhruvSakalley 8-Sep-13 14:33

My vote of 4
Member 10004231 29-Aug-13 23:52

My vote of 5
teeoneone 27-Aug-13 23:32

My vote of 4
Nitij Kumar 27-Aug-13 1:26

My vote of 5
Juhi Paunikar 26-Aug-13 22:48

My vote of 5
Sk. Tajbir 26-Aug-13 4:04

Another BIG mistake


Florian Rappl 25-Aug-13 19:35

Re: Another BIG mistake


Vikasahlawat24 25-Aug-13 20:12

Re: Another BIG mistake


Florian Rappl 25-Aug-13 23:09

Always prefer literals ...


Florian Rappl 25-Aug-13 19:26

question 20's answer is not correct, or not up to date


David Rogers Dev 25-Aug-13 16:06

Re: question 20's answer is not correct, or not up to date


Vikasahlawat24 25-Aug-13 17:14

Re: question 20's answer is not correct, or not up to date


Ali Al Omairi(Abu AlHassan) 26-Aug-13 0:04

Re: question 20's answer is not correct, or not up to date


David Rogers Dev 26-Aug-13 0:43

Re: question 20's answer is not correct, or not up to date


jsc42 27-Aug-13 6:11

My vote of 5
AlexCode 25-Aug-13 11:40

interesting, Thanks
Mayank2yk 25-Aug-13 11:20

My vote of 4
Sanjay K. Gupta 14-Jul-13 19:02

Refresh 1

General News Suggestion Question Bug Answer Joke Praise Rant Admin

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

https://www.codeproject.com/Articles/620811/Latest-JavaScript-Interview-Questions-and-Answers 7/7

You might also like