每日五道前端面试题--day8

以下题目来自掘金等其它博客,但是问题的答案都是根据笔者自己的理解做出的。如果你最近想要换工作或者巩固一下自己的前端知识基础,不妨和我一起参与到每日刷题的过程中来,如何?

第八天要刷的面试题如下:

  1. 判断对象a和类A之间的关系
  2. 数组中和遍历相关的方法
  3. 对比forEach和map
  4. 对比call和apply
  5. js中实现异步的方式

下面是我自己的理解:

1. 判断对象a和类A之间的关系

  • a instanceof A
  • a.constructor?.name === A.name
  • a.constructor === A.name
  • Object.getPrototypeOf(a) === A.prototype
  • A.prototype.isPrototypeOf(a)

!!Object.prototype.toString.call(a) === A.name是不可以的!

2. 数组中和遍历相关的方法

  1. forEach: forEach 方法用于遍历数组中的每个元素,并对每个元素执行提供的回调函数。它没有返回值 ,仅用于执行操作或副作用
  2. map: map 方法创建一个新数组 ,其中包含原始数组经过回调函数转换后的每个元素。它会将回调函数的返回值按照相同顺序组成新数组并返回。
  3. filter: filter 方法创建一个新数组 ,其中包含原始数组中满足给定条件的所有元素。它通过将每个元素传递给回调函数并根据回调函数的返回值(true 或 false)来筛选元素。
  4. for...of: for...of 是一种循环语句 ,用于遍历可迭代对象(如数组、字符串、Set、Map 等)的每个元素。它提供了一种简单且直观的方式来迭代和访问元素。
  5. every: every 方法用于检查数组中的所有元素是否都满足给定的条件。它会对数组中的每个元素应用回调函数,只有当所有元素的回调函数都返回 true 时,every 方法才返回 true;否则返回 false。
  6. some: some 方法用于检查数组中是否存在至少一个元素满足给定的条件。它会对数组中的每个元素应用回调函数,只要有一个元素的回调函数返回 true,some 方法就返回 true;否则返回 false。
  7. find: find 方法返回数组中满足给定条件的第一个元素 。它会对数组中的每个元素应用回调函数,直到找到使回调函数返回 true 的元素,然后立即返回该元素。
  8. findIndex: findIndex 方法返回数组中满足给定条件的第一个元素的索引。它会对数组中的每个元素应用回调函数,直到找到使回调函数返回 true 的元素,然后返回该元素的索引。
  9. reduce: reduce 方法通过将数组中的每个元素依次应用回调函数来将数组减少为单个值。回调函数接收累加器和当前元素作为参数,并返回累积结果。最终的返回值是回调函数的最后一次调用结果。
  10. reduceRight: reduceRight 方法与 reduce 方法类似,不同之处在于它从数组的末尾开始迭代元素,而不是从头部开始。其他方面的行为与 reduce 相同。

3. 对比forEach和map

  • forEach: forEach 方法用于对数组中的每个元素执行一个提供的回调函数。它会遍历数组的每个元素,并为每个元素执行回调函数,但它没有返回值。forEach 通常用于执行副作用,例如修改原始数组、打印输出或其他与每个元素相关的操作;
  • map: map 方法创建一个新数组,该数组包含原始数组经过回调函数转换后的每个元素。它会遍历数组的每个元素,并将每个元素传递给回调函数进行处理,最后返回一个新数组,其中包含了每次回调函数的返回值。
  • 对于空值的处理的差异:forEach不会对空白进行遍历,但是map会!
js 复制代码
const arr = [1, null, 3, undefined];
delete arr[0];
arr.forEach(v=>console.log(v)); // null 3 undefined
arr.map(v=>String(v)); // [空白, 'null', '3', 'undefined']

4. 对比call和apply

两者的作用一摸一样,使用ES6实现这两个函数的时候,其差异仅仅体现在形参的第二个参数前面有没有展开运算符

  • apply接受两个参数,第一个指定了函数体中this的指向对象;第二个参数可以是数组或者类数组,apply会将第二个参数中的元素作为参数传递给内部函数。
  • call接受多个参数,第一个指定了函数体中this的指向对象;第二个参数之后的所有参数会作为新的参数序列传递给内部函数。

5. js中实现异步的方式

有四种方式:回调函数、Promise、Generator、async异步函数:

  • 回调函数:存在回调地狱出现的风险
  • Promise: 比回调函数嵌套要好,但是层数过深的时候仍然语义不是很明确
  • generator: 通过转移函数的执行权来实现异步功能,基于协程实现
  • 异步函数: 是generator和promise实现的一个自动执行的语法糖,所谓自动执行指的就是:如果异步函数内部执行到一个await语句的时候,这个语句返回一个promise对象,那么异步函数就会等待promise对象的状态resolve之后再继续向下执行,实现了异步函数内部异步过程的同步书写的形式。
相关推荐
慧一居士17 分钟前
flex 布局完整功能介绍和示例演示
前端
DoraBigHead19 分钟前
小哆啦解题记——两数失踪事件
前端·算法·面试
岁忧5 小时前
(LeetCode 面试经典 150 题 ) 11. 盛最多水的容器 (贪心+双指针)
java·c++·算法·leetcode·面试·go
一斤代码6 小时前
vue3 下载图片(标签内容可转图)
前端·javascript·vue
中微子6 小时前
React Router 源码深度剖析解决面试中的深层次问题
前端·react.js
光影少年6 小时前
从前端转go开发的学习路线
前端·学习·golang
中微子6 小时前
React Router 面试指南:从基础到实战
前端·react.js·前端框架
3Katrina6 小时前
深入理解 useLayoutEffect:解决 UI "闪烁"问题的利器
前端·javascript·面试
前端_学习之路7 小时前
React--Fiber 架构
前端·react.js·架构
coderlin_7 小时前
BI布局拖拽 (1) 深入react-gird-layout源码
android·javascript·react.js