import{_ as s,o as a,c as n,a as l}from"./app.ab8d0b9f.js";const A=JSON.parse('{"title":"【字节跳动】前端面试题总结","description":"","frontmatter":{},"headers":[{"level":2,"title":"看代码说结果","slug":"看代码说结果","link":"#看代码说结果","children":[{"level":3,"title":"代码输出结果1","slug":"代码输出结果1","link":"#代码输出结果1","children":[]},{"level":3,"title":"代码输出结果2","slug":"代码输出结果2","link":"#代码输出结果2","children":[]},{"level":3,"title":"代码输出结果3","slug":"代码输出结果3","link":"#代码输出结果3","children":[]},{"level":3,"title":"代码输出结果4","slug":"代码输出结果4","link":"#代码输出结果4","children":[]},{"level":3,"title":"代码输出结果5","slug":"代码输出结果5","link":"#代码输出结果5","children":[]},{"level":3,"title":"代码输出结果6","slug":"代码输出结果6","link":"#代码输出结果6","children":[]},{"level":3,"title":"代码输出结果7","slug":"代码输出结果7","link":"#代码输出结果7","children":[]}]},{"level":2,"title":"问答题","slug":"问答题","link":"#问答题","children":[{"level":3,"title":"HTTP缓存的请求头与响应头有哪些","slug":"http缓存的请求头与响应头有哪些","link":"#http缓存的请求头与响应头有哪些","children":[]},{"level":3,"title":"宏任务与微任务有哪些区别？简述他们的应用场景","slug":"宏任务与微任务有哪些区别-简述他们的应用场景","link":"#宏任务与微任务有哪些区别-简述他们的应用场景","children":[]}]},{"level":2,"title":"算法","slug":"算法","link":"#算法","children":[]}],"relativePath":"article/【字节跳动】前端面试题总结.md","lastUpdated":1679578423000}'),p={name:"article/【字节跳动】前端面试题总结.md"},e=l(`

【字节跳动】前端面试题总结

看代码说结果

代码输出结果1

console.log(['1', '2', '3'].map(parseInt))

[1, NaN, NaN]

代码输出结果2

let [a = 1, b] = []
console.log(a, b)

1 undefined

代码输出结果3

Promise.resolve()
  .then(() => {
    Promise.resolve()
      .then(() => {
        console.log(1)
      })
      .then(() => {
        console.log(2)
      })
  })
  .then(() => {
    console.log(3)
  })

1 3 2

代码输出结果4

const obj = { 3: '3', 2: 2, 1: '1', name: 'name', age: 'age' }
console.log(Object.keys(obj))

['1', '2', '3', 'name', 'age']

代码输出结果5

let myArray = {}
myArray['0'] = 'a'
myArray['1'] = 'b'
myArray.length = 2
console.log(...myArray)

代码输出结果6

console.log([1, 2, 3, 4, 5].splice(1, 2, 3, 4, 5))
console.log([1, 2, 3, 4, 5].slice(1, 2, 3, 4, 5))

[2, 3]
[2]

代码输出结果7

console.log([].constructor === Array)
console.log(typeof [] === 'array')
console.log(typeof null === 'object')
console.log('' instanceof Object)

true
false
true
false

问答题

HTTP缓存的请求头与响应头有哪些

强制缓存
- 响应头: Expires 与 Cache-Control
- Expires 绝对时间
- Cache-Control 相对时间
协商缓存
- 响应头: Etag 请求头: If-Non-Match
- 响应头: Last-Modified 请求头: If-Modified-Since

宏任务与微任务有哪些区别？简述他们的应用场景

宏任务与微任务优先级不同

先执行同步代码，后执行异步代码
主线程代码执行完毕后，检查微任务队列是否为空，非空则优先执行微任务
每次执行宏任务之前，都会检查微任务队列是否为空，非空则优先执行微任务

常见的宏任务与微任务

宏任务 script setTimeout setInterval postMessage MessageChannel setImmediate (NodeJS)
微任务 Promise.then Object.observe MutationObserver process.nextTick (NodeJS)

算法

中文数字转为阿拉伯数字

给定一个字符串，返回该字符串的所有组合

输入 abc 
输出 ['abc', 'acb', 'bac', 'bca', 'cab', 'cba']

回溯算法

`,36),o=[e];function r(c,t,i,y,D,C){return a(),n("div",null,o)}const d=s(p,[["render",r]]);export{A as __pageData,d as default};

【字节跳动】前端面试题总结 #

看代码说结果 #

代码输出结果1 #

代码输出结果2 #

代码输出结果3 #

代码输出结果4 #

代码输出结果5 #

代码输出结果6 #

代码输出结果7 #

问答题 #

HTTP缓存的请求头与响应头有哪些 #

宏任务与微任务有哪些区别？简述他们的应用场景 #

算法 #