2023年5月23日
先来回顾一下昨天的面试题及答案:
1.问题:解释一下 JavaScript 中的作用域链(Scope Chain)是什么?
答案:作用域链是指在 JavaScript 中变量和函数的查找机制。当访问一个变量或调用一个函数时,JavaScript 引擎会按照作用域链的顺序来查找对应的标识符。
作用域链由当前作用域和它的上层作用域组成,一直延伸到全局作用域。当一个函数嵌套在另一个函数内部时,内部函数可以访问外部函数的变量和函数,这是因为内部函数的作用域链包含了外部函数的作用域。
以下是一个示例代码,用于演示作用域链的概念:
function outer() {
var outerVariable = 'I am outer';
function inner() {
var innerVariable = 'I am inner';
console.log(innerVariable); // 访问内部函数的变量
console.log(outerVariable); // 访问外部函数的变量
console.log(globalVariable); // 访问全局变量
}
inner();
}
var globalVariable = 'I am global';
outer();
在上述代码中,inner
函数可以访问到 outer
函数的变量 outerVariable
,以及全局作用域中的变量 globalVariable
。这是因为 inner
函数的作用域链包含了外部函数的作用域和全局作用域。
2.问题:解释一下 JavaScript 中的事件循环(Event Loop)是什么?
答案:事件循环是 JavaScript 中用于处理异步操作的机制。JavaScript 是单线程的,意味着一次只能执行一个任务。然而,JavaScript 可以通过事件循环来处理异步操作,使得程序能够在等待某些操作完成的同时继续执行其他任务。
事件循环包含了以下几个主要的组成部分:
主线程(调用栈):负责执行同步任务。
任务队列(任务队列):用于存储异步任务的队列。
事件循环(Event Loop):负责将异步任务从任务队列中取出,并将其添加到调用栈中执行。
以下是一个示例代码,用于演示事件循环的概念:
console.log('Start');
setTimeout(function () {
console.log('Timeout callback');
}, 0);
Promise.resolve().then(function () {
console.log('Promise callback');
});
console.log('End');
在上述代码中,setTimeout
和 Promise
分别代表了一种异步操作。通过事件循环机制,即使 setTimeout
的延迟时间为 0,它仍然会被放置在任务队列中,并在调用栈为空时执行。而 Promise
的回调函数则会在调用栈为空时,被放置在微任务队列中。因此,上述代码的输出顺序为:
Start
End
Promise callback
Timeout callback
这是因为同步任务会立即执行,所以先输出 "Start" 和 "End"。然后,微任务队列中的回调函数会在调用栈为空时执行,所以输出 "Promise callback"。最后,任务队列中的定时器回调函数会被放置到调用栈中执行,输出 "Timeout callback"。
3.问题:解释一下 JavaScript 中的闭包(Closure)是什么,以及它有什么用途?
答案:闭包是指函数及其词法环境的组合。在 JavaScript 中,每个函数都是一个闭包。
闭包包含了函数定义时的作用域链,它可以访问定义时所在的词法作用域中的变量,即使在函数执行后,仍然可以保留对这些变量的引用。
以下是一个示例代码,用于演示闭包的概念:
function outer() {
var outerVariable = 'I am outer';
function inner() {
var innerVariable = 'I am inner';
console.log(innerVariable);
console.log(outerVariable);
}
return inner;
}
var closure = outer();
closure();
在上述代码中,inner
函数形成了一个闭包。它可以访问外部函数 outer
的变量 outerVariable
,即使 outer
函数已经执行完毕并返回了。
闭包的主要用途包括:
封装变量:通过闭包,可以创建私有变量,避免全局命名空间的污染。闭包内部的变量对外部是不可访问的,因此可以实现封装和信息隐藏的效果。
保持状态:闭包可以在函数调用之间保持状态,即使函数执行结束后,闭包仍然可以保持对状态的引用。这对于一些需要记住状态的场景非常有用,例如计数器、缓存等。
实现函数式编程的技术:闭包可以使函数具有记忆能力,可以返回一个新的函数,该函数可以记住之前的参数和操作,从而实现柯里化(Currying)和函数组合等函数式编程的技术。
通过合理利用闭包,可以扩展 JavaScript 的功能和灵活性,同时需要注意闭包可能引发的内存泄漏问题,确保正确地释放不再需要的引用。
2023年5月23日
问题:解释一下 React 中的 Virtual DOM 是什么,以及它的作用是什么?
问题:什么是 React 组件的生命周期?列举一些常用的生命周期方法及其作用。
问题:React 中的状态管理有哪些方式?请列举并简要解释每种方式的优缺点。
上面问题的答案会在第二天的公众号推文中公布,大家可以关注公众号,第一时间获得推送内容。
学习不打烊,充电加油只为遇到更好的自己,每天早上9点纯手工发布面试题(死磕自己,愉悦大家) 希望大家在这浮夸的程序员圈里保持冷静,每天坚持花20分钟来学习与思考,在千变万化,类库层出不穷的今天,不要等到找工作时才狂刷题,提倡每日学习。