0427 手打基础丸

专业掘金2025-04-27 16:04

手打基础丸 🧆 => 精选基础知识，经过多道工序精心制作而成，口感鲜嫩多汁。一口咬下，香气四溢，加上传统前端风味，令人回味无穷...... 助力食用者厚积薄发，夯实根基进阶上层。

JS的临时性死区（TDZ）？

ES6中新增的let和const关键字所定义的变量不能在定义之前使用

原理：是let和const的声明不会被变量提升，相对的var会变量提升也就没有暂时性死区

目的：是为了防止变量在未初始化之前被访问，确保代码的真实性和可靠性

JS事件轮询机制（事件循环）？

事件轮询机制也称为事件循环，是一种运行机制，JS采用该机制来解决单线程的一些问题

JS会将编写的代码放入执行栈中依次执行

遇到异步任务 就交给其他线程执行（浏览器中各种WEB API）

异步任务 执行完成之后产生的回调会被放入对应的任务队列（micro/macro task queen）中

待所有同步代码执行完成 之后执行栈为空则会检测task queen中是否有待执行任务，有则取回执行

若其中还有异步任务则继续循环

javascript 复制代码

// 举个例子见下
setTimeout(()=>{
  console.log('1')
   Promise.resolve().then(()=>{
        console.log('2');
    })
})

console.log('3')

new Promise((resolve, reject)=>{ 
  console.log('4');
  resolve(5) 
}).then((data)=>{ console.log(data) })
.then(()=>{ console.log('6') })

console.log('7')

setTimeout(()=>{
    console.log('8');    
},1000)

// 以上代码执行结果是 3 4 7 5 6 1 8 2

执行同步序列代码==》执行微任务队列代码==》执行宏任务队列中的回调函数

宏任务和微任务？

宏任务（macrotask）通常有：setTimeout、setInterval、setImmediate（node.js中）、requestAnimationFrame（浏览器）、I/O、UI rendering（浏览器）

微队列（microtask）通常有：process.nextTick(Node)、Promise、Object.observe、MutationObserver

JS原型链？

JS中通过原型链来实现继承

显示原型 ：每个函数都有一个prototype属性，指向他的原型对象

隐式原型 ：每个对象都有一个proto属性，指向他的构造函数的原型对象，可以直接调用来查看原型对象，由此形成原型链

每个原型对象上都有一个constructor 属性，指向他的构造函数，与proto对应

原型链的最终指向为Object.prototype，Object.prototype的__proto__指向null