2024年最新【JavaScript】手撕前端面试题：手写new操作符手写Object，2024年最新大厂首发-白红宇

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;};