2021年度最经典的JavaScript面试题

769 07-27

2021年精选JavaScript面试题：

http://www.gtalent.cn/exam/interview/CodtJ6Hsw4vAUyQI

1.介绍js的基本数据类型

Undefined、Null、Boolean、Number、String

2.有哪些内置对象?

数据封装类对象：Object、Array、Boolean、Number 和 String

其他对象：Function、Arguments、Math、Date、RegExp、Error

3.this对象的理解

this总是指向函数的直接调用者(而非间接调用者);

如果有new关键字，this指向new出来的那个对象;

在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window;

4.eval是做什么的?

它的功能是把对应的字符串解析成JS代码并运行;

应该避免使用eval，不安全，非常耗性能(2次，一次解析成js语句，一次执行)。

由JSON字符串转换为JSON对象的时候可以用eval，var obj =eval(‘(‘+ str +’)’);

5.DOM怎样添加、移除、移动、复制、创建和查找节点

// 创建新节点

createDocumentFragment() //创建一个DOM片段

createElement() //创建一个具体的元素

createTextNode() //创建一个文本节点

// 添加、移除、替换、插入

appendChild()

removeChild()

replaceChild()

insertBefore() //在已有的子节点前插入一个新的子节点

// 查找

getElementsByTagName() //通过标签名称

getElementsByName() //通过元素的Name属性的值(IE容错能力较强，会得到一个数组，其中包括id等于name值的)

getElementById() //通过元素Id，唯一性

6.null和undefined的区别?

null是一个表示”无”的对象，转为数值时为0;undefined是一个表示”无”的原始值，转为数值时为NaN。

undefined：

(1)变量被声明了，但没有赋值时，就等于undefined。

(2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。

(3)对象没有赋值的属性，该属性的值为undefined。

(4)函数没有返回值时，默认返回undefined。

null：

(1) 作为函数的参数，表示该函数的参数不是对象。

(2) 作为对象原型链的终点。

7.new操作符具体干了什么呢?

(1)创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。

(2)属性和方法被加入到 this 引用的对象中。

(3)新创建的对象由 this 所引用，并且最后隐式的返回 this 。

8.JSON 的了解?

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于JavaScript的一个子集。数据格式简单, 易于读写, 占用带宽小。

格式：采用键值对，例如：{‘age’:’12’, ‘name’:’back’}

9.call() 和 apply() 的区别和作用?

apply()函数有两个参数：第一个参数是上下文，第二个参数是参数组成的数组。如果上下文是null，则使用全局对象代替。

如：function.apply(this,[1,2,3]);

call()的第一个参数是上下文，后续是实例传入的参数序列。

如：function.call(this,1,2,3);

10.如何获取UA?

 function whatBrowser() {      
            document.Browser.Name.value=navigator.appName; 
            document.Browser.Version.value=navigator.appVersion;       
            document.Browser.Code.value=navigator.appCodeName;       
            document.Browser.Agent.value=navigator.userAgent;   
 }

11.解释 JavaScript 中的相等性。

JavaScript 中有严格比较和类型转换比较：

严格比较（例如 ===）在不允许强制转型的情况下检查两个值是否相等；

var a = "42"; 
var b = 42; 
a == b; // true
a === b; // false

一些简单的规则：

如果被比较的任何一个值可能是 true 或 false，要用 ===，而不是 ==；
如果被比较的任何一个值是这些特定值（0、“”或 []），要用 ===，而不是 ==；
在其他情况下，可以安全地使用 ==。它不仅安全，而且在很多情况下，它可以简化代码，并且提升代码可读性。

12.解释 JavaScript 中的值和类型。

JavaScript提供两种数据类型: 基本数据类型和引用数据类型
基本数据类型有:

String
Number
Boolean
Null
Undefined
Symbol

引用数据类型有:

Object
Array
Function

`13.`解释事件冒泡以及如何阻止它？

事件冒泡是指嵌套最深的元素触发一个事件，然后这个事件顺着嵌套顺序在父元素上触发。

防止事件冒泡的一种方法是使用 event.cancelBubble 或 event.stopPropagation()（低于 IE 9）。

14.JavaScript 中的 let 关键字有什么用？

除了可以在函数级别声明变量之外，ES6 还允许你使用 let 关键字在代码块（{..}）中声明变量。

15.Javascript 中的“闭包”是什么？举个例子？

闭包是在另一个函数（称为父函数）中定义的函数，并且可以访问在父函数作用域中声明和定义的变量。

闭包可以访问三个作用域中的变量：

在自己作用域中声明的变量；
在父函数中声明的变量；
在全局作用域中声明的变量。

 
var globalVar = "abc";
// 自调用函数
(function outerFunction (outerArg) { // outerFunction 作用域开始
 // 在 outerFunction 函数作用域中声明的变量
 var outerFuncVar = 'x'; 
 // 闭包自调用函数
 (function innerFunction (innerArg) { // innerFunction 作用域开始
 // 在 innerFunction 函数作用域中声明的变量
 var innerFuncVar = "y";
 console.log( 
 "outerArg = " + outerArg + "
" +
 "outerFuncVar = " + outerFuncVar + "
" +
 "innerArg = " + innerArg + "
" +
 "innerFuncVar = " + innerFuncVar + "
" +
 "globalVar = " + globalVar);
 // innerFunction 作用域结束
 })(5); // 将 5 作为参数
// outerFunction 作用域结束
})(7); // 将 7 作为参数

innerFunction 是在 outerFunction 中定义的闭包，可以访问在 outerFunction 作用域内声明和定义的所有变量。除此之外，闭包还可以访问在全局命名空间中声明的变量。

上述代码的输出将是：


outerArg = 7
outerFuncVar = x
innerArg = 5
innerFuncVar = y
globalVar = abc

`16.`如何在 JavaScript 中创建私有变量？

要在 JavaScript 中创建无法被修改的私有变量，你需要将其创建为函数中的局部变量。即使这个函数被调用，也无法在函数之外访问这个变量。例如：


function func() {
 var priv = "secret code";
}
console.log(priv); // throws error

要访问这个变量，需要创建一个返回私有变量的辅助函数。


function func() {
 var priv = "secret code";
 return function() {
 return priv;
 }
}
var getPriv = func();
console.log(getPriv()); // => secret code

标签： JavaScript