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

    你可能感兴趣的文章
    mysql replace first,MySQL中处理各种重复的一些方法
    查看>>
    MySQL replace函数替换字符串语句的用法(mysql字符串替换)
    查看>>
    mysql replace用法
    查看>>
    Mysql Row_Format 参数讲解
    查看>>
    mysql select, from ,join ,on ,where groupby,having ,order by limit的执行顺序和书写顺序
    查看>>
    MySQL Server 5.5安装记录
    查看>>
    mysql server has gone away
    查看>>
    mysql slave 停了_slave 停止。求解决方法
    查看>>
    MySQL SQL 优化指南:主键、ORDER BY、GROUP BY 和 UPDATE 优化详解
    查看>>
    MYSQL sql语句针对数据记录时间范围查询的效率对比
    查看>>
    mysql sum 没返回,如果没有找到任何值,我如何在MySQL中获得SUM函数以返回'0'?
    查看>>
    mysql Timestamp时间隔了8小时
    查看>>
    Mysql tinyint(1)与tinyint(4)的区别
    查看>>
    mysql union orderby 无效
    查看>>
    mysql v$session_Oracle 进程查看v$session
    查看>>
    mysql where中如何判断不为空
    查看>>
    MySQL Workbench 使用手册:从入门到精通
    查看>>
    mysql workbench6.3.5_MySQL Workbench
    查看>>
    MySQL Workbench安装教程以及菜单汉化
    查看>>
    MySQL Xtrabackup 安装、备份、恢复
    查看>>