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

看代码说结果

代码输出结果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']

回溯算法