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

相关推荐
_殊途1 小时前
HTML-CSS项目练习
前端·css·html
@AfeiyuO1 小时前
el-table 表格嵌套表格
前端·elementui·vue
我是华为OD~HR~栗栗呀2 小时前
华为OD-23届-测试面经
java·前端·c++·python·华为od·华为·面试
β添砖java3 小时前
vivo响应式官网
前端·css·html·1024程序员节
web打印社区8 小时前
使用React如何静默打印页面:完整的前端打印解决方案
前端·javascript·vue.js·react.js·pdf·1024程序员节
喜欢踢足球的老罗8 小时前
[特殊字符] PM2 入门实战:从 0 到线上托管 React SPA
前端·react.js·前端框架
小光学长8 小时前
基于Vue的课程达成度分析系统t84pzgwk(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
Baklib梅梅9 小时前
探码科技再获“专精特新”认定:Baklib引领AI内容管理新方向
前端·ruby on rails·前端框架·ruby
南方以南_9 小时前
Chrome开发者工具
前端·chrome
YiHanXii9 小时前
this 输出题
前端·javascript·1024程序员节