SmartX 前端面经

const fn = (...args) => {
  for (const arg of args) {
    console.log(arg);
  }
};
const [a, b] = [1, 2];
fn`${a} + ${b} = ${a + b}`; 
setTimeout(() => {
  console.log(1)
}, 0);

const promise = new Promise((resolve, reject) => {
  console.log(2)
  reject(3)
  console.log(4)
})

promise
.then(() => console.log(5))
.catch(() => console.log(6))
.then(() => console.log(7))
.catch(() => console.log(8))
.then(() => console.log(9))  console.log(10) 

例如你有构造了一个对象 user // { age: 10 },
那么 user.age // 11 user.age // 12 ... 如何构造一个这样的对象,让它的属性值每次被访问时就 + 1  

let executeCount = 0;
const targetFn = async nums => {
  executeCount++;
  return nums.map(num => 2 * num + 1);
};

const batcher = (fn) => {
  // todo batch logic
}

const batchedFn = batcher(targetFn);

const main = async () => {
  const [result1, result2, result3] = await Promise.all([
    batchedFn([1, 2, 3]),
    batchedFn([4, 5]),
    batchedFn([6, 7]),
  ]);

  console.log(result1, result2, result3)
  console.log(executeCount)  // 预期为 1
} 

main() 

batch 一个函数,让它在并发调用时只被执行一次

快排非递归实现




#面经##SmartX##前端工程师##校招#
全部评论
1. 第一题考了ES6 的标签模板,没用过不怎么会 2. 第二题问输出,注意 Promise.then() 返回的状态 3. 第三题 通过 重写get 4. 第四题 通过补充batcher函数完成两个需求:打印出 result1,result2,result3和打印executeCount;只做出来需求一,需求二问了前师兄,主要是考作用域 5. 第五道题 用非递归的方式实现快排
2 回复 分享
发布于 2021-02-09 12:06
然后我问了前师兄,他是通过作用域这么写的,我不知道面试官是不是想考察这个知识点,面试官跟我说什么拦截它,只去执行一次,然后给我举了打车的例子:我和室友去一个地方,然后有一个司机来接我们,先接我,然后把我送到了目的地之后再来接我室友。现在希望一下子把我们两个都一块接走
点赞 回复 分享
发布于 2021-02-13 20:26
第四题,我当时只写到这一步,但这样 executeCount 必然是3,
点赞 回复 分享
发布于 2021-02-13 20:24
楼主第四题的做法可以分享一下吗。
点赞 回复 分享
发布于 2021-02-13 12:02
楼主你好,请问你是实习、校招还是社招?
点赞 回复 分享
发布于 2021-02-09 12:05

相关推荐

2025-12-19 21:53
门头沟学院 Java
想做OpenGL:不要一来就把自己定位这么低吧,把大厂当成目标,不断去学技术做项目,最后你至少能学到能找到中小厂的技术水平,你一上来就找这种两千块还要前后端都会的,其实对你用处不会很大,真去了也是打杂
点赞 评论 收藏
分享
面试官全程关摄像头1.自我介绍一下2.React和Vue哪个更熟悉一点3.你在之前那段实习经历中有没有什么技术性的突破(我只是实习了44天工作28天,我把我能说的都说了)4.你封装的哪个表单组件支不支持动态传值5.自己在实习阶段Vue3项目封装过hook吗6.hook有什么作用7.Vue2和Vue3的响应式区别(我说一个是proxy是拦截所有的底层操作,Object.defineProperty本身就是一个底层操作,有些东西拦截不了,比如数组的一些操作还有等等,面试官就说实在要拦截能不能拦截????我心想肯定不行呀,他的底层机制就不允许吧)8.pinia和vuex的区别(这个回答不出来是我太久没用了)9.pinia和zustand的区别,怎么选(直接给我干懵了)(我说react能用pinia吗  他说要用的话也可以)10.渲染一万条数据,怎么解决页面卡顿问题(我说分页、监听滚轮动态加载,纯数据展示好像还可以用canvas画)(估计是没说虚拟表单,感觉不满意)11.type和interface的区别12.ts的泛型有哪些作用(我就说了一个结构相同但是类型不同的时候可以用,比如请求响应的接口,每次的data不同,这里能用一个泛型,他问我还有什么)13.你项目用的是React,如果让你再写一遍你会选择什么14.pnpm、npm、yarn的区别15.dependencies和devdependencies的区别总而言之太久没面试了,上一段实习的面试js问了很多。结果这次js一点没问,网络方面也没考,表现得很一般,但是知道自己的问题了  好好准备,等待明天的影石360和周四的腾讯了  加油!!!
解zj:大三的第一段面试居然是这样的结局
查看15道真题和解析
点赞 评论 收藏
分享
评论
3
28
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务