前端面试题收集整理

1. 浏览器地址输入url之后发生了什么

解析url (协议，域名IP端口，地址路径，hash值，参数)
DNS对域名进行解析（先去本地host查看）；
建立TCP连接（三次握手）；
发送HTTP请求（携带请求体，请求头等信息）；
服务器处理请求；
返回响应结果；
关闭TCP连接（四次挥手）；
浏览器解析HTML；
浏览器布局渲染；

2. new操作中发生了什么？

创建一个空对象
空对象的_proto_指向函数的prototype
apply改变函数的this指向这个空对象（得到新的返回值）
返回值如果是obj就return这个返回值 否则就返回这个对象

function testFun(e){
  this.age = e
}
function newFun(o,...args){
  let obj = {}
  obj.__proto__ = o.prototype
  let res = o.apply(obj, args)
  return typeof res === 'object' ? res : obj
}
let b = newFun(testFun,'20')