0427 手打基础丸

95 阅读2分钟

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

JS的临时性死区(TDZ)?

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

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

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

JS事件轮询机制(事件循环)?

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

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

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

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

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

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

// 举个例子见下
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