博客
关于我
2024年最新【JavaScript】手撕前端面试题:手写new操作符 手写Object,2024年最新大厂首发
阅读量:799 次
发布时间: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 常用命令
    查看>>
    Mysql 常见ALTER TABLE操作
    查看>>
    mysql 往字段后面加字符串
    查看>>
    mysql 快速自增假数据, 新增假数据,mysql自增假数据
    查看>>
    Mysql 报错 Field 'id' doesn't have a default value
    查看>>
    MySQL 报错:Duplicate entry 'xxx' for key 'UNIQ_XXXX'
    查看>>
    mysql 排序id_mysql如何按特定id排序
    查看>>
    Mysql 提示:Communication link failure
    查看>>
    mysql 插入是否成功_PDO mysql:如何知道插入是否成功
    查看>>
    Mysql 数据库InnoDB存储引擎中主要组件的刷新清理条件:脏页、RedoLog重做日志、Insert Buffer或ChangeBuffer、Undo Log
    查看>>
    mysql 数据库备份及ibdata1的瘦身
    查看>>
    MySQL 数据库备份种类以及常用备份工具汇总
    查看>>
    mysql 数据库存储引擎怎么选择?快来看看性能测试吧
    查看>>
    MySQL 数据库操作指南:学习如何使用 Python 进行增删改查操作
    查看>>
    MySQL 数据库的高可用性分析
    查看>>
    Mysql 数据库重置ID排序
    查看>>
    Mysql 数据类型一日期
    查看>>
    MySQL 数据类型和属性
    查看>>
    mysql 敲错命令 想取消怎么办?
    查看>>
    Mysql 整形列的字节与存储范围
    查看>>