真实前端面试题（蚂蚁外包）

小C猫

于 2024-06-20 10:18:16 发布

阅读量972

点赞数 9

文章标签：前端

本文链接：https://blog.csdn.net/qq_17105113/article/details/139824599

版权

1.闭包定义应用场景

闭包（Closure） 是指一个函数包含了对其外部作用域中变量的引用，即使在该函数外部作用域执行完毕后仍然可以访问这些变量。闭包允许你在一个函数内部访问另一个函数的变量，这在许多编程语言中是一种强大的特性。

保护私有变量：闭包允许你创建一个包含私有数据的函数，这些数据对外部是不可见的。这在模块化编程中非常有用，可以防止外部代码直接访问和修改内部状态。例如：

javascript

复制代码

function counter() { let count = 0; return function() { count++; console.log(count); }; } const increment = counter(); increment(); // 输出 1 increment(); // 输出 2

实现数据封装：闭包可以用于创建类似于面向对象编程中的对象实例。你可以定义一个包含内部状态和方法的函数，然后通过闭包来访问和操作这些数据。这种方式被称为 "模块模式"：

javascript

复制代码

function createPerson(name) { let age = 0; return { getName: function() { return name; }, getAge: function() { return age; }, setAge: function(newAge) { if (newAge >= 0) { age = newAge; } } }; } const person = createPerson("Alice"); console.log(person.getName()); // 输出 "Alice" console.log(person.getAge()); // 输出 0 person.setAge(30); console.log(person.getAge()); // 输出 30

实现回调函数：闭包经常用于创建回调函数，将函数作为参数传递给其他函数。这些回调函数可以访问外部函数的局部变量，以便在异步操作完成后执行特定的逻辑。

javascript

复制代码

function fetchData(url, callback) { // 模拟异步请求 setTimeout(function() { const data = "Some data from " + url; callback(data); }, 1000); } fetchData("https://example.com/api", function(response) { console.log("Received data: " + response); });

实现函数工厂：闭包可以用于创建定制的函数，这些函数可以生成特定的行为或配置。这在某些库和框架中很常见。

javascript

复制代码

function createMultiplier(factor) { return function(x) { return x * factor; }; } const double = createMultiplier(2); const triple = createMultiplier(3); console.log(double(5)); // 输出 10 console.log(triple(5)); // 输出 15

总之，闭包是一种强大的编程工具，它可以用于许多不同的应用场景，包括数据封装、模块化编程、回调函数等。它使得JavaScript等语言更加灵活和功能强大。

2.异步流程

异步流程是指在程序中执行的一系列操作不是按照顺序同步执行的，而是按照事件发生或者异步操作的完成情况来执行的一种流程。这种方式允许程序在等待某些操作完成时继续执行其他任务，而不会被阻塞。异步流程在处理网络请求、文件读写、用户输入等需要等待的情况下非常有用。

以下是异步流程的一般步骤和一些常见的异步编程模式：

发起异步操作：首先，你会发起一个异步操作，比如发起一个网络请求、读取一个文件、等待用户输入等。这些操作可能需要一段时间来完成。
注册回调函数：一旦异步操作被触发，你通常会注册一个回调函数，这个函数将在操作完成后被调用。回调函数是异步流程中的关键，因为它定义了在异步操作完成时要执行的逻辑。
继续执行：在注册回调函数后，程序通常会继续执行其他任务，而不会等待异步操作完成。这样可以提高程序的响应性，不会让程序在等待I/O操作时被阻塞。
异步操作完成：当异步操作完成（比如网络请求返回数据、文件读取完成、用户输入就绪等），注册的回调函数将被调用，执行与异步操作相关的逻辑。

以下是一些常见的异步编程模式和技术：

回调函数：最基本的异步编程模式是使用回调函数。你将一个函数作为参数传递给异步操作，当操作完成时，回调函数将被执行。
Promise：Promise是一种更高级的异步编程模式，它提供了一种更结构化的方式来处理异步操作。通过Promise，你可以更容易地处理异步操作的成功和失败情况。
async/await：async/await是JavaScript中的异步编程语法糖，它基于Promise构建，使异步代码看起来更像同步代码，提高了可读性。
事件驱动编程：在事件驱动编程中，你将事件处理程序注册到特定事件上，当事件发生时，处理程序将被调用。这在前端开发和Node.js等环境中常见。
生成器函数：生成器函数允许你在迭代中暂停和恢复执行，这对于处理异步操作的结果很有用。