博客
关于我
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/

    你可能感兴趣的文章
    MSB与LSB
    查看>>
    MSCRM调用外部JS文件
    查看>>
    MSCRM调用外部JS文件
    查看>>
    MSEdgeDriver (Chromium) 不适用于版本 >= 79.0.313 (Canary)
    查看>>
    MsEdgeTTS开源项目使用教程
    查看>>
    msf
    查看>>
    MSSQL数据库查询优化(一)
    查看>>
    MSSQL数据库迁移到Oracle(二)
    查看>>
    MSSQL日期格式转换函数(使用CONVERT)
    查看>>
    MSTP多生成树协议(第二课)
    查看>>
    MSTP是什么?有哪些专有名词?
    查看>>
    Mstsc 远程桌面链接 And 网络映射
    查看>>
    Myeclipse常用快捷键
    查看>>
    MyEclipse更改项目名web发布名字不改问题
    查看>>
    MyEclipse用(JDBC)连接SQL出现的问题~
    查看>>
    mt-datetime-picker type="date" 时间格式 bug
    查看>>
    myeclipse的新建severlet不见解决方法
    查看>>
    MyEclipse设置当前行背景颜色、选中单词前景色、背景色
    查看>>
    Mtab书签导航程序 LinkStore/getIcon SQL注入漏洞复现
    查看>>
    myeclipse配置springmvc教程
    查看>>