JavaScript Int Qs

http://www.codeproject.
com
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
Collapse | 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
<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: ||
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
<!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:
var name = document.getElementById('txtFullName').value;

alert(name);
or:
we can use the old way:
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:
// is used for line comments

ex:- var x=10; //comment text
/*
*/ is used for block comments
ex:Collapse | 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:
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
var names = new Array();

Add Elements in Array:names[0] = "Vikas";
names[1] = "Ashish";
names[2] = "Nikhil";
b) This is the second way:

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
document.write(isNaN("Hello")+ "<br>");
document.write(isNaN("2013/06/23")+ "<br>");
document.write(isNaN(123)+ "<br>");
The output will be:
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
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 windowobject is the 0-level context):
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
document.getElementById(myText).style.fontSize = 10";
-orCollapse | 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
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
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:
console.log(myString.constructor, myStringLiteral.constructor);
25) What will be the output of the following statements?

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?
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:
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. */
27) What would be the output of the following statements?

var object1 = { 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

var object2 = object1;
console.log(object1 === object2);
Ans: // Logs true

29) What is this?
var myArray = [[[]]];
Ans: Three dimensional array
30) Name any two JavaScript functions which are used to convert nonnumeric
values into numbers?
Ans:
Number()
parseInt()
parseFloat()
Code
var
var
var
var
var
n1
n2
n3
n4
n5
=
=
=
=
=
Number(Hello world!); //NaN

Number();
//0
Number(000010);
//10
Number(true);
//1
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.
var s = '5';
var a = s*1;
var b = +s;
typeof(s); //"string"
typeof(a); //"number"
typeof(b); //"number"
http://dglobaltech.com
(1) What is event bubbling and capturing in JavaScript?
Event bubbling is series of events when : An event is triggered on the inner most
element first and then it triggers on the parent elements in nested order.
DOM elements could be nested inside each other. The handler of the parent works
even if you click on its child. Event bubbling can make this happen.
Event Capturing is the opposite of bubbling where the event is triggered on the
outer most element and then it triggers the inner children in nested order.
(2) What is a closure in JavaScript?
JavaScript allows you to declare a function within another function, and the local
variables still can be accessible even after returning from the function you called.
In other words, a closure is the local variables for a function which is kept alive after
the function has returned.
An example :
function goodMorning(name) {
var text = Good Morning + name; // local variable
var goodMorningAlert = function() { alert(text); }
return sayAlert;
}
var goodMorningAlert2 = goodMorning(Bob);
goodMorningAlert2();
In the example above, when goodMorningAlert2() will be executed, you will see
output as an alert with Good Morning Bob.
In short, in JavaScript, if you use the function keyword inside another function, you
are creating a closure.
(3) What is a callback function in JavaScript?
(4) What are various methods youd use to embed JavaScript onto a webpage?
(5) What is the difference between GET and POST methods in HTML form?
When you use a GET method, key and values will be appended at the end of the
URL as a query string. GET method is not recommended to use when you are
passing sensitive data over the internet.
While sending data, the GET method appends the data to the URL. And the length of
a URL is limited. Maximum URL length is 2048 characters supported by latest
browsers.
POST is used to pass sensitive data as its not appended and displayed within the
URL. There is no limitation as to how much data can be passed using a POST
method.
(6) What does continue and break statements do in JS?
The continue statement breaks only one iteration in the current loop if a defined
condition occurs. and it continues with the next iteration in the loop.
The break statement breaks out of the loop. And it lets the code continue executing
after the loop.
(7) What is the difference between windows.onload and
onDocumentReady?
The onload event does not fire until the last element of the page is loaded including
CSS and images etc. There could be a huge delay before onload code on the page is
executed.
onDocumentReady will be able to execute code as long as DOM has been is built;
without waiting for the elements to be loaded, such as images. That means there
will be a faster code execution.
(8) what is a race condition?
When execution of a certain method or an event call is critically dependent on an
another method or event; and if the sequence is not maintained, race condition
occurs. As an example; youre loading an external Javascript on your page and then
calling a function from that external JS. Now at the run time if the external JS is not
loaded for any reason and your function is already called and looking for that code
execution, its not going to be executed. This situation is called race condition.
(9) What is JS namespacing? How and where is it used?
adding answer soon
(10) Tell me datatypes that are supported in JavaScript.
JavaScript supports various data types such as numbers, strings, arrays, objects
etc. You can also directly assign expressions. Such as :
var datapoint = a * 10; // Number assigned by an expression literal

JavaScript Int Qs

Uploaded by

Document Informationclick to expand document information

Copyright:

Available Formats

JavaScript Int Qs

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

JavaScript Int Qs

Uploaded by

Copyright:

Available Formats

http://www.codeproject.

4) Is JavaScript case sensitive?

== checks equality only,

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

// is used for line comments

ex:Collapse | Copy Code

var x= 10; /* this is

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

will return true or false.

var names = new Array();

b) This is the second way:

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

The output will be:

Collapse | Copy Code

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

var x = Math.PI; // Returns PI

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

var obj = { outerWidth : 20 };

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

-orCollapse | Copy Code

20) Does JavaScript support foreach loop?

var man = new Object();

var man = new Object();

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

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

var myString = null; // Manipulate the value

var price1 = 10;

console.log(price1 === price2); // Logs true.

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

var object1 = { same: 'same' };

var object1 = { same: 'same' };

Ans: // Logs true

var myArray = [[[]]];

Ans: Three dimensional array

Number(Hello world!); //NaN

You might also like