面试题 Promise 面试题 ， Rem，内存泄漏 （3）

一.Promise

1.是什么？

Promise是一个对象，一般作为构造函数来使用(new Promise) ,它里面有3种状态,pending(处理中),

fuilfiled(成功)，rejected(失败)。

2.怎么用

拿到一个Promise实例后，具有then和catch方法，一般then里面拿到成功的结果，catch拿到失败的结果。

3.解决了什么问题

它主要解决了回调地狱的问题，但是Promise并不能简化代码。

4.有什么替代方案

所以我一般工作的时候都会配合async/await来使用，这样既解决了回调地狱的问题又简化了代码·

二.REM

1.是什么？

REM是一个相对于根元素(HTML)字体大小的一个单位。

2.怎么用？、

一般我们会做移动端的适配

1.引入flexble.js，它默认划分了10份

2.所以基准值设置为75px(把量取到的设计稿的宽度都除以75转成REM)

3. 因为flexble它能根据不同设备的宽度动态的计算出根元素的字体大小，这样呢？根元素的字体大小都变了，所以所以使用REM做单位的元素自然就跟着变了。

3.解决了什么问题

解决了移动端适配的问题

4.有什么替代方案

vw/vh

三.内存泄漏

1.什么是内存的泄漏

  不在使用的对象，却没有被GC（Garbage Collection），就是内存泄漏

2.什么情况下会造成内存泄漏

1.无意的全局变量

// 无意的全局变量，会造成内泄漏
function fn() {
    obj = {
        age: 18,
    }
}
// 函数都已经调用完毕了，内部的对象却没有释放掉
fn()
console.log(obj)

function fn() {
    this.obj = {
        age: 18,
    }
}
fn()

2.DOM引用

<button id="btn">btn</button>
<script>
    const oBtn = document.querySelector('#btn')
    oBtn.onclick = function () {
        console.log(1)
    }
    document.body.removeChild(oBtn)

    oBtn.click()
    oBtn.onclick()
</script>

解决:手动释放