JavaScript 面试题（基础部分）only English

2018-02-24 本文已影响100人全栈开发之道

序言

JavaScript 面试题（基础部分）汇总。学习前端，掌握 JavaScript 编程语言是关键的一环。在众多的编程语言中，JavaScript 最灵活，也有些“怪异”，需要花时间，在项目实战中，不断感悟。为了巩固 JavaScript，特汇总了这篇面试题。

JavaScript Interview Questions

JavaScript interview questions and answers for provides a list of top 20 interview questions. The frequently asked JavaScript interview questions with answers for beginners and professionals are given below.

1) What is JavaScript?

JavaScript is a scripting language. It is different from Java language. It is object-based, lightweight and cross platform. It is widely used for client side validation.

2) What is the difference between JavaScript and jscript?

Netscape provided the JavaScript language. Microsoft changed the name and called it JScript to avoid the trademark issue.In other words, you can say JScript is same as JavaScript, but it is provided by Microsoft.

3) How to write a hello world example of JavaScript?

A simple example of JavaScript hello world is given below. You need to place it inside the body tag of html.

<script type="text/javascript">  
document.write("JavaScript Hello World!");  
</script>

4) How to use external JavaScript file?

I am assuming that js file name is message.js, place the following script tag inside the head tag.

<script type="text/javascript" src="message.js"></script>

5) Is JavaScript case sensitive language?

Yes.

特别提示： HTML 元素中的代码，不区分大小写。

比如： <input type="button" vaule="submit" onclick = "msg()" />

约定： HTML中的代码，一律小写

6) What is BOM?

BOM stands for Browser Object Model. It provides interaction with the browser. The default object of browser is window.

7) What is DOM? What is the use of document object?

DOM stands for Document Object Model. A document object represent the html document. It can be used to access and change the content of html.

8) What is the use of window object?

The window object is automatically created by the browser that represents a window of a browser.
It is used to display the popup dialog box such as alert dialog box, confirm dialog box, input dialog box etc.

9) What is the use of history object?

The history object of browser can be used to switch to history pages such as back and forward from current page or another page. There are three methods of history object.

history.back()
history.forward()
history.go(number): number may be positive for forward, negative for backward.

10) How to write comment in JavaScript?

There are two types of comments in JavaScript.

Single Line Comment: It is represented by // (double forward slash)
Multi Line Comment: It is represented by slash with asterisk symbol as /* write comment here */

11) How to create function in JavaScript?

To create function in JavaScript, follow the following syntax.

function function_name(){  
 //function body  
 }

12) What are the JavaScript data types?

There are two types of data types in JavaScript:

Primitive Data Types
Non-primitive Data Types

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

The == operator checks equality only whereas === checks equality and data type i.e. value must be of same type.

14) How to write html code dynamically using JavaScript?

The innerHTML property is used to write the HTML code using JavaScript dynamically. Let's see a simple example:

1.  document.getElementById('mylocation').innerHTML="<h2>This is heading using JavaScript</h2>";

15) How to write normal text code using JavaScript dynamically?

The innerText property is used to write the simple text using JavaScript dynamically. Let's see a simple example:

document.getElementById('mylocation').innerText="This is text using JavaScript";

16) How to create objects in JavaScript?

There are 3 ways to create object in JavaScript.

By object literal
By creating instance of Object
By Object Constructor

Let's see a simple code to create object using object literal.

1.  emp={id:102,name:"Rahul Kumar",salary:50000}

17) How to create array in JavaScript?

There are 3 ways to create array in JavaScript.

By array literal
By creating instance of Array
By using an Array constructor

Let's see a simple code to create array using object literal.

var emp=["Shyam","Vimal","Ratan"];

18) What does the isNaN() function?

The isNan() function returns true if the variable value is not a number.

19) What is the output of 10+20+"30" in JavaScript?

3030 because 10+20 will be 30. If there is numeric value before and after +, it is treated is binary + (arithmetic operator).

20) What is the output of "10"+20+30 in JavaScript?

102030 because after a string all the + will be treated as string concatenation operator (not binary +).

21) Difference between Client side JavaScript and Server side JavaScript?

Client side JavaScript comprises the basic language and predefined objects which are relevant to running java script in a browser. The client side JavaScript is embedded directly by in the HTML pages. This script is interpreted by the browser at run time.

Server side JavaScript also resembles like client side java script. It has relevant java script which is to run in a server. The server side JavaScript are deployed only after compilation.

22) In which location cookies are stored on the hard disk?

The storage of cookies on the hard disk depends on OS and the browser.

The Netscape navigator on Windows uses cookies.txt file that contains all the cookies. The path is : c:\Program Files\Netscape\Users\username\cookies.txt

The Internet Explorer stores the cookies on a file username@website.txt. The path is: c:\Windows\Cookies\username@Website.txt.

23) What is the real name of JavaScript?

The original name was Mocha, a name chosen by Marc Andreessen, founder of Netscape. In September of 1995, the name was changed to LiveScript. In December 1995, after receiving a trademark license from Sun, the name JavaScript was adopted.

24) What is the difference between undefined value and null value?

Undefined value: A value that is not defined and has no keyword is known as undefined value. For example:

int number; //Here, number has undefined value.

Null value: A value that is explicitly specified by the keyword "null" is known as null value. For example:

String str=null; //Here, str has a null value.

24) How to set the cursor to wait in JavaScript?

The cursor can be set to wait in JavaScript by using the property "cursor". The following example illustrates the usage:

 <script>  
 window.document.body.style.cursor = "wait";   
 </script>

25) What is this?

 var myArray = [[[]]];

Ans: Three dimensional array.

26) Are Java and JavaScript same?

No, Java and JavaScript are the two different languages. Java is a robust, secured and object-oriented programming language whereas JavaScript is a client side scripting language with some limitations.

27) What is negative infinity?

Negative Infinity is a number in JavaScript which can be derived by dividing negative number by zero.

28) What is difference between View state and Session state?

"View state" is specific to a page in a session whereas "Session state" is specific to a user or browser that can be accessed across all pages in the web application.

29) What are the pop up boxes available in JavaScript?

Alert Box
Confirm Box
Prompt Box

30) How can we detect OS of the client machine using JavaScript?

The navigator.appVersion string can be used to detect the operating system on the client machine.

31) How to submit a form using JavaScript by clicking a link?

Let's see the JavaScript code to submit form on clicking the link.

<form name="myform" action="index.php">  
Search: <input type='text' name='query' />  
 <a href="javascript: submitform()">Search</a>  
</form>  
<script type="text/javascript">  
 function submitform()  
 {  
 document.myform.submit();  
}  
</script>

32) Is JavaScript faster than ASP script?

Yes, because it doesn't require web server's support for execution.

33) How to change the background color of HTML document using JavaScript?

 <script type="text/javascript">  
 document.body.bgColor="pink";  
</script>

34) How to handle exceptions in JavaScript?

By the help of try/catch block, we can handle exceptions in JavaScript. JavaScript supports try, catch, finally and throw keywords for exception handling.

35) How to validate a form in JavaScript?

Visit here: JavaScript form validation.

36) How to validate email in JavaScript?

Visit here: JavaScript Email validation.

参考 https://www.javatpoint.com/javascript-interview-questions

参考书：《全栈开发之道：MongoDB+Express+AngularJS+Node.js 》

更多全栈技术，请关注微信公众号： “全栈工程师的早读课”，每天早8:00 准时推送技术文章。