博客
关于我
2024年最新【JavaScript】手撕前端面试题:手写new操作符 手写Object,2024年最新大厂首发
阅读量:798 次
发布时间:2023-04-17

本文共 1345 字,大约阅读时间需要 4 分钟。

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

1. 手撕代码:理解new关键字

在JavaScript中,new关键字用于创建对象。它通过以下步骤工作:

  • 创建一个空的简单JavaScript对象(即{})。
  • 为新创建的对象设置__proto__属性,将其链接至构造函数的原型对象。
  • 将新对象作为this的上下文。
  • 如果函数没有返回对象,则返回this。
  • 以下是手撕代码的实现:

    const _new = function () {    const Fn = arguments[0];    const obj1 = {};    Object.setPrototypeOf(obj1, Fn.prototype);    const obj2 = Fn.apply(obj1, [].slice.call(arguments, 1));    return obj2 instanceof Object ? obj2 : obj1;};

    2. 手写Object.freeze

    实现一个功能类似Object.freeze的函数 _objectFreeze,用以冻结对象。

    const _objectFreeze = object => {    if (typeof object !== 'object' || object === null) {        throw new TypeError('the object is not a object');    }    const keys = Object.getOwnPropertyNames(object);    const symbols = Object.getOwnPropertySymbols(object);    [...keys, ...symbols].forEach(key => {        Object.defineProperty(object, key, {            writable: false        });    });    Object.seal(object);    return object;};

    知识点回顾

    • Object.getOwnPropertyNames() 返回对象的所有自身属性,包括不可枚举属性。
    • Object.getOwnPropertySymbols() 返回对象的所有Symbol属性。
    • Object.defineProperty() 用于定义或修改对象的属性。
    • Object.seal() 使对象不可扩展且属性不可配置。
    • Object.preventExtensions() 仅阻止添加新属性,不改变属性的可配置性。

    结语

    这些技术细节的理解和实践,将帮助你在JavaScript开发中更好地掌握对象的创建与管理。记住,技术提升需要系统的学习和不断的实践!

    转载地址:http://magfk.baihongyu.com/

    你可能感兴趣的文章
    multi swiper bug solution
    查看>>
    MySQL Binlog 日志监听与 Spring 集成实战
    查看>>
    MySQL binlog三种模式
    查看>>
    multi-angle cosine and sines
    查看>>
    Mysql Can't connect to MySQL server
    查看>>
    mysql case when 乱码_Mysql CASE WHEN 用法
    查看>>
    Multicast1
    查看>>
    mysql client library_MySQL数据库之zabbix3.x安装出现“configure: error: Not found mysqlclient library”的解决办法...
    查看>>
    MySQL Cluster 7.0.36 发布
    查看>>
    Multimodal Unsupervised Image-to-Image Translation多通道无监督图像翻译
    查看>>
    MySQL Cluster与MGR集群实战
    查看>>
    multipart/form-data与application/octet-stream的区别、application/x-www-form-urlencoded
    查看>>
    mysql cmake 报错,MySQL云服务器应用及cmake报错解决办法
    查看>>
    Multiple websites on single instance of IIS
    查看>>
    mysql CONCAT()函数拼接有NULL
    查看>>
    multiprocessing.Manager 嵌套共享对象不适用于队列
    查看>>
    multiprocessing.pool.map 和带有两个参数的函数
    查看>>
    MYSQL CONCAT函数
    查看>>
    multiprocessing.Pool:map_async 和 imap 有什么区别?
    查看>>
    MySQL Connector/Net 句柄泄露
    查看>>