1. Posts/

JavaScript 面试问答 (2023) – 高级

·314 字·2 分钟· loading
Notes JAVA HTTP JavaScript HTML
demo007x
作者
demo007x

JavaScript 面试问答 (2023) – 高级
#

在本文中,您将学习面试中最常见的JavaScript面试问题和答案。在继续学习 JavaScript 面试问题和答案 - 高级之前,首先我们将学习完整的 JavaScript教程 https://s.juejin.cn/ds/ie92pj5x/

1. JavaScript 中的“严格”模式是什么,如何启用它?
#

严格模式是 ECMAScript 5 中的一个新功能,它允许你将程序或函数放在“严格”的操作上下文中。这种严格的上下文会阻止执行某些操作并引发更多异常。语句“use strict”指示浏览器使用严格模式,这是JavaScript的简化且更安全的功能集。

2. 如何获取复选框的状态?
#

DOM 输入复选框属性用于设置或返回复选框字段的选中状态。此属性用于反映 HTML 已检查属性。

document.getElementById("GFG").checked;

如果选中该复选框,则返回 True。

3. 如何解释 JavaScript 中的闭包以及何时使用它?
#

当子函数保持父级作用域的环境时,即使在父级函数已经执行之后,也会创建闭包。闭包是与函数相关的本地声明变量。闭包将在使用它们时更好地控制代码。

JavaScript
#

// 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());

4. call()和apply()方法有什么区别?
#

两种方法都用于不同情况

  • **call() 方法:**它调用该方法,将所有者对象作为参数。关键字 this 是指函数或其所属对象的“所有者”。我们可以调用一个可以在不同对象上使用的方法。
  • **apply() 方法:**apply() 方法用于编写方法,可以在不同的对象上使用。它与函数 call() 不同,因为它将参数作为数组。

5. 如何在 JavaScript 中从超链接中定位特定元素?
#

这可以通过使用超链接中的目标属性来完成。

<a href="/geeksforgeeks.htm" target="newframe">New Page</a>

6. 编写 JavaScript 中显示的错误?
#

JavaScript 中有三种不同类型的错误。

  • **语法错误:**语法错误是打算用特定编程语言编写的字符或标记序列的语法错误。
  • **逻辑错误:**这是最难追踪的错误,因为它是编码逻辑部分的错误,或者逻辑错误是程序中的错误,导致操作不正确并异常终止。
  • **运行时错误:**运行时错误是在程序运行期间发生的错误,也称为异常。

7. JavaScript 和 Jscript 有什么区别?
#

JavaScript

  • 它是Netscape开发的一种脚本语言。
  • 它用于设计客户端和服务器端应用程序。
  • 它完全独立于Java语言。

Jscript

  • 它是Microsoft开发的一种脚本语言。
  • 它用于为万维网一词设计活跃的在线内容。

8. 什么是变量 myArray = [[]]; 声明声明?
#

在 JavaScript 中,此语句用于声明二维数组。

9. 在JavaScript 代码中可以通过多少种方式访问 HTML 元素?
#

在 JavaScript 中访问 HTML 元素有四种可能的方法,它们是:

  • getElementById() : 方法它用于按元素的 id 名称获取元素。
  • getElementsByClass() 方法:它用于获取具有给定类名的所有元素。
  • getElementsByTagName() : 它用于获取所有具有给定标签名称的元素。
  • querySelector() Method: 此函数接受 CSS 样式选择器并返回第一个选中的元素。

10. innerHTML和innerText之间有什么区别?
#

innerText属性设置或返回指定节点及其所有后代的纯文本内容,而innerHTML属性设置或返回元素中的纯文本或HTML内容。与innerText不同,innerHTML允许您处理富文本HTML,并且不会自动编码和解码文本。

11. 什么是JavaScript中的事件冒泡?
#

考虑一种情况,一个元素存在于另一个元素内部,并且它们都处理一个事件。当事件以冒泡方式发生时,最内层的元素首先处理该事件,然后是外层的元素,依此类推。

12. 以下代码的输出将是什么?
#

javascript
#

let X = { demo: 1 };
let Output = (function () {
	delete X.demo;
	return X.demo;
})();

console.log(output);

此处删除将删除对象的属性。X 是具有极客属性的对象,它是一个自调用函数,将从对象 X 中删除极客的属性,因此结果将是未定义的。

13. JavaScript 和 ECMA 脚本有什么关系?
#

JavaScript是必须维护一些规则和规定的主要语言,即ECMA脚本,这些规则也为JavaScript语言带来了新功能。

14. 如何对不支持 JavaScript 的旧浏览器隐藏 JavaScript 代码?
#

要对不支持 JavaScript 的旧浏览器隐藏 JavaScript 代码,您可以使用

<!-- before <script> tag and another //--> after </script> tag

所有将其视为HTML的长注释的旧浏览器。支持 JavaScript 的新浏览器将把它作为在线评论。

15. 以下代码的输出是什么?
#

let output = (function(x) {
    delete x;
    return x;
})(0);
  
document.write(output);

输出将为 0。删除运算符用于删除对象的运算符,但 X 不是这里的对象,它是一个局部变量。删除运算符不会影响局部变量。

16. 在 JavaScript 中,回答以下表达式是否为真或假。
#

"0" == 0   // true or false ? 
"" == 0   // true or false ? 
"" == "0"   // true or false ?

对于第 1 种和第 2 种情况,结果将为 True,对于第 3 种情况,结果将为 False

17. 如何使用任何浏览器进行调试?
#

通过按 F12,我们可以触发任何浏览器的调试模式,并可以通过点击控制台来查看结果。

**18.**什么是JavaScript提升?
#

当任何解释器运行代码时,所有变量都会被重新提升到原始范围的顶部。此方法适用于声明,不适用于变量的初始化。这被称为JavaScript提升。

19.自调用函数”的语法是什么?
#

自调用函数的语法:最后一个括号包含函数表达式。

(function () {
  return // body of the function
}());

20. 如何在另一个JavaScript文件中使用外部JavaScript文件?
#

您可以使用以下代码在另一个 JavaScript 文件中使用外部 JavaScript 代码。

JavaScript
#

let script = document.createElement('script');
script.src = "external javascript file";
document.head.appendChild(script)

Related

JavaScript 面试问答 (2023) – 中级
Notes HTML JavaScript HTTP
在本文中,您将学习面试中最常见的JavaScript面试问题和答案。在继续学习
10 款最佳 Linux 终端模拟器
Notes HTML HTTP linux
尽管图形用户界面取得了各种进步,但终端模拟器在技术市场上仍然占有一席之地。终端模拟器是一种软件,
从0开始构建一个Oauth2Server服务 9
Oauth2 Oauth2 HTTP
ClientID 与 Secret ClientID此时,您已经构建了应用程序注册屏幕,您已准备好让开发人员注册应用程序。当