前端面试系列-JS进阶知识点

本文深入探讨了进程与线程的区别,特别是在浏览器环境中的应用,以及JavaScript单线程机制的原因和优势。同时,文章还讲解了new操作符的原理、字面量与new创建对象的区别、instanceof的内部机制,以及0.1+0.2不等于0.3的浮点数精度问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

进程与线程区别?JS 单线程带来的好处?

  • 进程描述了 CPU 在运行指令及加载和保存上下文所需的时间,放在应用上来说就代表了一个程序。线程是进程中的更小单位,描述了执行一段指令所需的时间
  • 把这些概念拿到浏览器中来说,当你打开一个 Tab 页时,其实就是创建了一个进程,一个进程中可以有多个线程,比如渲染线程、JS 引擎线程、HTTP 请求线程等等。当你发起一个请求时,其实就是创建了一个线程,当请求结束后,该线程可能就会被销毁。
  • JS单线程就是同一时间只能干一件事。这样做的目的是为了避免dom渲染的冲突。

new 的原理是什么?通过 new 的方式创建对象和通过字面量创建有什么区别?

new的过程

  • 创建一个空对象
  • 空对象通过__proto__指向原型函数
  • 原型函数执行改变this
  • 返回这个this
    function myNew(){
        let obj = {};
        let constructor = [].shift.call(arguments);
        obj.__proto__ = constructor.prototype;
        let result = constructor.call(obj,arguments)
        return result instanceof Object ? result : obj;
    }
    
    let animal = myNew(Animal,'xx')
复制代码

对于创建一个对象来说,更推荐使用字面量的方式创建对象(无论性能上还是可读性)。因为你使用 new Object() 的方式创建对象需要通过作用域链一层层找到 Object,但是你使用字面量的方式就没这个问题

instanceof 的原理是什么?

  • instanceof 可以正确的判断对象的类型,因为内部机制是通过判断对象的原型链中是不是能找到类型的 prototype

为什么 0.1 + 0.2 != 0.3?如何解决这个问题?

由于js采用的是浮点数形式,因此0.1本质上是被截掉的。

    parseFloat((0.1 + 0.2).toFixed(10)) === 0.3 // true
复制代码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值