0427 手打基础丸

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

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

相关推荐
AI视觉网奇3 小时前
rknn yolo11 推理
前端·人工智能·python
gplitems1233 小时前
Gunslinger – Gun Store & Hunting WordPress Theme: A Responsible
开发语言·前端·javascript
wyzqhhhh5 小时前
less和sass
前端·less·sass
Nan_Shu_6147 小时前
学习:uniapp全栈微信小程序vue3后台-额外/精彩报错篇
前端·学习·微信小程序·小程序·uni-app·notepad++
excel8 小时前
Vue3 中的双向链表依赖管理详解与示例
前端
前端小白从0开始8 小时前
Chrome DevTools高级用法:性能面板内存泄漏排查
前端·chrome·chrome devtools
EveryPossible8 小时前
带有渐变光晕
前端·javascript·css
jojo是只猫9 小时前
Vue 3 开发的 HLS 视频流播放组件+异常处理
前端·javascript·vue.js
卓码软件测评9 小时前
第三方软件登记测试机构:【软件登记测试机构HTML5测试技术】
前端·功能测试·测试工具·html·测试用例·html5
CS Beginner9 小时前
【html】canvas实现一个时钟
前端·html