记一道前端高难度面试题

简介: 记一道前端高难度面试题

提问:如何让下面的这行代码成立


var [a,b] = {a:1,b:2}

直接运行会报错,报错信息如下:

image.png

Uncaught TypeError: {(intermediate value)(intermediate value)} is not iterable
    at <anonymous>

以下是答案:

1.错误原因


根据报错信息得知,是因为{a:1,b:2}不是可迭代的。

es6里面有一个可迭代协议,大体意思是,只要一个对象有一个属性【symbol.iterator】且它是一个函数,且返回一个迭代器,那么这个对象即可迭代。

还有一个点就是,解构赋值左边会得到右边的迭代器,不要求右边一定是数组,只要是可迭代对象即可

2.思路


常见的可迭代对象就是数组,是因为数组里面有一个迭代器 ,你可以在通过console.log打印看到数组的prototype属性上面的迭代器,如下图所示:

image.png

那么,我们只需照虎画猫给上面那个{a:1,b:2}加一个迭代器即可完成

3.解题


// 给对象原型上加一个属性【symbol.iterator】,让它等于一个函数,且这个函数返回一个迭代器,其实就是按照es6的可迭代协议进行操作
Object.prototype[Symbol.iterator] = function(){
  return Object.values(this)[Symbol.iterator]() //调用数组的迭代器
}
相关文章
|
4月前
|
缓存 前端开发 中间件
[go 面试] 前端请求到后端API的中间件流程解析
[go 面试] 前端请求到后端API的中间件流程解析
|
1月前
|
缓存 前端开发 JavaScript
"面试通关秘籍:深度解析浏览器面试必考问题,从重绘回流到事件委托,让你一举拿下前端 Offer!"
【10月更文挑战第23天】在前端开发面试中,浏览器相关知识是必考内容。本文总结了四个常见问题:浏览器渲染机制、重绘与回流、性能优化及事件委托。通过具体示例和对比分析,帮助求职者更好地理解和准备面试。掌握这些知识点,有助于提升面试表现和实际工作能力。
66 1
|
3月前
|
Web App开发 前端开发 Linux
「offer来了」浅谈前端面试中开发环境常考知识点
该文章归纳了前端开发环境中常见的面试知识点,特别是围绕Git的使用进行了详细介绍,包括Git的基本概念、常用命令以及在团队协作中的最佳实践,同时还涉及了Chrome调试工具和Linux命令行的基础操作。
「offer来了」浅谈前端面试中开发环境常考知识点
|
4月前
|
存储 XML 移动开发
前端大厂面试真题
前端大厂面试真题
|
2月前
|
Web App开发 JavaScript 前端开发
前端Node.js面试题
前端Node.js面试题
|
4月前
|
存储 前端开发 JavaScript
44 个 React 前端面试问题
【8月更文挑战第18天】
58 2
|
4月前
|
存储 JavaScript 前端开发
2022年前端js面试题
2022年前端js面试题
47 0
|
4月前
|
存储 前端开发 JavaScript
44 个 React 前端面试问题
44 个 React 前端面试问题
|
4月前
|
存储 JavaScript 前端开发
|
4月前
|
Web App开发 存储 缓存