前端面经每日一题day06

Cookie有什么字段

Name：cookie的唯一标识符

Value：与Name对应，存储Cookie的信息

Domain：可以访问cookie的域名

Path：可以访问cookie的路径

Expires/Max-Age：超时时间

Size：cookie大小

HttpOnly：cookie只能通过HTTP发送

Secure：cookie只能通过HTTPS发送

SameSite：控制跨站点请求是否发送cookie。Strict（同站）Lax（某些跨站可以）None（都可以）

如何实现一个深拷贝 (cloneDeep)

首先我们要了解，深拷贝和浅拷贝是复制对象的两种方式。

浅拷贝：创建一个新对象，新对象是原始对象的引用。如果修改了原来对象里面某个对象属性，新对象也会被修改。

深拷贝：创建一个完全独立于原始对象的副本。

如何实现

//浅拷贝的实现 这里都是修改深层次的才会都被修改
//对象  Object.assign({},obj)
let obj={a:'123',b:{c:'333'}}
let shaowcopy=Object.assign({},obj)
obj.a='6666'
obj.b.c='999'
console.log(obj,shaowcopy) //showcopy {a: '123', b: {c: '999'}}
// 数组 Array.prototype.slice.call(a)
let a=[1,2,3,4,{a:'111'}]
let shaowa=Array.prototype.slice.call(a)
a[1]='0000'
a[4].a='0000'
console.log(a,shaowa) //[1, 2, 3, 4, {a: '000'}]

//深拷贝的实现 
//数组和对象都可以 JSON.parse(JSON.stringify(obj))
let obj={a:'123',b:{c:'333'}}
let shaowcopy=JSON.parse(JSON.stringify(obj))
obj.a='6666'
obj.b.c='999'
console.log(obj,shaowcopy)

请简述一下 event loop

答：JS是单线程的，所有任务都需要排队，前一个任务结束才会执行后一个任务。为了解决排出等待问题，JS的任务分为同步任务和异步任务。所有同步任务在主线程上执行，形成stack。异步任务不进入主线程，进入队列。同步任务顺序执行，只有执行栈stack中的同步任务都执行完成了，系统才会把任务队列的异步任务，放入执行栈中执行，如此循环，直到所有任务执行完毕。

• 同步任务：注意一个new Promise((resolve,reject)⇒{console.log(’a’) resolve()).then() Promise里面是同步任务，then里面的是异步任务。
• 异步任务分为宏任务和微任务。
  宏任务：setTimeout、setInterval、放到队尾
  微任务：Promise.then、process.nextTick 放到队首
  异步任务里面，微任务全部执行完，才会执行宏任务。

下图所示是JavaScript执行任务的图解以及文字描述。

heap（堆）：对象被分配在堆里面，堆一个用来表示一大块内存区域。
stack（栈）：函数调用形成了一个由若干帧组成的栈。
webAPIS：包括DOM和相关的API
队列（event queue||callback queue）：放置异步函数

//下面是一个例子
process.nextTick(function() {console.log('6');
})
new Promise(function(resolve) {console.log('7');resolve();
}).then(function() {console.log('8')
})
setTimeout(function() {console.log('9');process.nextTick(function() {console.log('10');})new Promise(function(resolve) {console.log('11');resolve();}).then(function() {console.log('12')})
})
//整段代码，共进行了三次事件循环，完整的输出为1，7，6，8，2，4，3，5，9，11，10，12。console.log('start')
setTimeout(() => {console.log('setTimeout')
}, 0)
new Promise((resolve) => {console.log('promise')resolve()
}).then(() => {console.log('then1')
}).then(() => {console.log('then2')
})
console.log('end')    
//start,promise,end,then1,then2,setTimeout