前端手写(十五)——手写new的过程

最新推荐文章于 2024-07-04 16:25:51 发布

卖菜的小白

最新推荐文章于 2024-07-04 16:25:51 发布

阅读量3.3k

点赞数 3

分类专栏： js面试题文章标签： new 构造函数 Object.create

本文链接：https://blog.csdn.net/weixin_47450807/article/details/123851632

版权

本文探讨了如何手动实现JavaScript中的new操作符。通过理解new在执行构造函数时的内部工作原理，我们可以更好地掌握其背后的机制。文章分为两部分，详细阐述了new操作的具体步骤。

摘要由CSDN通过智能技术生成

一、写在前面
我们如果想要手写new的实现过程，就必须要明白，当我们对一个构造函数执行new操作时，到底干了什么。

1、创建一个新对象。
2、让这个新的对象的原型指向该构造函数的原型对象。
3、执行构造函数，并且将构造函数指向新的对象。
4、拿到构造函数最后返回的结果，判断是否是对象或者函数，如果是的话，则直接
返回。如果不是则返回新创建的对象。

二、手写过程

function createNew(con) {
   
  let result = Object.create(

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

卖菜的小白

关注关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

手写chatGPT前端代码

08-05

手写chatGPT 前端代码 fetch 解析 text/event-stream 格式的文件 text/event-stream chatGPT

“讨厌”的原型链

qq_42676176的博客

03-08

原型链本身是个非常重要的性质。但在做题（“手搓火箭”）的过程中却有巨大威力。更可怕的是相同容易遗忘。在“学习-做题-做不出来-进一步学习-学懂-暂放-做题-做不出来”的无线循环中，我决心备份学习资料。

参与评论您还未登录，请先登录后发表或查看评论

【前端面试之手写代码】手写new，bind，深拷贝

阿卡内的博客

08-08

838

手写new，bind，深拷贝

10个常见的前端手写功能，你全都会吗？

最新发布

2401_84419493的博客

07-04

712

刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。that.fulfilledCallbacks.forEach(myFn => myFn(that.value)) //执行回调方法。that.rejectedCallbacks.forEach(myFn => myFn(that.value)) //执行回调方法。

手写实现New的过程

chngfg的博客

12-20

781

function create(fn, ...args) { if(typeof fn !== 'function') { throw 'fn must be a function'; } // 1、用new Object() 的方式新建了一个对象obj // var obj = new Object() // 2、给该对象的__proto__赋值为fn.prototype，即设置原型链 // obj.__proto__ = fn.prototype // 1、2步骤合并.

手写new函数的详解

myname_Christina的博客

08-09

1615

详细分析手写 new 函数中遇到的细碎问题，多方面解读可能涉及到的知识点！从基础到进阶写法通通都要掌握！！！

JS如何手写new（一看就懂）

weixin_44206947的博客

05-07

5548

如以下构造函数,使用new关键字： function One(name, age) { this.name = name; this.age = age; } let a = new One(); console.log(a); 手写new，分四步骤，直接贴代码： //Fun为构造函数, args表示传参 function myNew(Fun, ...args) { // 1.在内存中创建一个新对象 let obj = {}; // 2.把新对象的原型

手写一个 new

qq_42816270的博客

01-23

226

手写一个 new

new手写实现过程

typ的blog，记录工作中的问题、学习中的笔记、生活中的感想。

02-05

261

命令的作用，就是执行构造函数，返回一个实例对象。

js中new操作符详解

常来常往，共同成长

02-09

1410

在JavaScript中，new操作符用于创建一个给定构造函数的实例对象

04-手写new.md

03-31

在现代前端开发中，手写代码已经成为一项重要的技能测试，尤其在大厂的面试过程中。本篇文档详细阐述了为何要考察前端工程师的手写代码能力，以及考察的重点，并且指出了在面试时需要注意的事项。首先，文档指出...

前端实现canvas手机端手写签名

01-17

"前端实现canvas手机端手写签名"这一技术就是为了解决这个问题，它允许用户在手机等移动设备上通过触摸屏幕实现手写签名，为无纸化办公提供了便利。本文将深入探讨如何使用HTML5的Canvas API来构建一个手机端的手写...

手写体识别——MATLAB代码

05-06

总的来说，这个项目为研究者和学生提供了一个完整的手写体识别解决方案，涵盖了数据获取、预处理、模型构建、训练和测试的全过程。用户不仅可以学习到如何利用MATLAB进行深度学习实践，还能深入了解手写体识别的原理...

06-手写lazyman.md

03-31

### 前端面试中的手写代码考察在大厂的前端面试中，考察面试者手写代码是一个至关重要的环节。面试官通过这种方式不仅能够验证面试者是否具备在规定时间内编写出功能健全、思路清晰、格式规整代码的能力，而且还能...

new操作符的实现原理及几种手写方法

stay hungry, stay foolish

08-17

1364

new操作符的实现原理及几种手写方法

js手写new（保姆级教学）

weixin_40840206的博客

03-10

1669

new关键字作用众所周知，js中new关键字的作用就是创建一个构造函数的实例对象。如下面代码：(注意：构造函数的第一个字母大写，与普通函数区分。) function Person(name,age) { this.name = name this.age = age } let p1 = new Person("张三",18) //Object { name: "张三", age: 18 } 由上面代码可知，new关键字创建实例对象完成后，会产生以下影响：会执行构造函数中的代码： funct

手写原生JS new方法

qq_37366474的博客

01-07

1688

首先需要知道js在new的过程中做了什么: new 一个构造函数的时候会生成一个新的执行上下文指向这个返回的实例，而且还会基于实例的隐士原型指向构造函数的显示原型的原则，把这个返回的实例的__proto__ 指向构造函数的prototype 下边来代码说明一下： 1：首先实现一个最老生常谈的原生 new方法 function Person() { this.name = 'person' console.log(arguments) } Person.prototype.say= fu

手写实现new关键字之两种方法：ES5和ES6

m0_68110835的博客

11-27

995

* 首先创建一个空对象，最后会返回这个对象 *//* 将新对象的对象原型指向构造函数的原型对象 *//* 接下来需要执行构造函数的代码,并将this指向新创建的对象。arguments是个伪数组，第一个参数是构造函数。剩下的参数是需要传入构造函数的参数,经过如下处理，params中存入的是构造函数需要的参数，且是一个真数组*//* 通过apply改变this指向，并执行构造函数获得其执行结果 *//* 根据构造函数的返回值类型决定返回结果*/

面试高频手写题004-实现new的过程

weixin_41256657的博客

03-08

161

手写实现new的过程

前端面试：手写代码技巧——数组去重与快速排序实现

在JavaScript前端面试中，手写代码是一个常见的环节，旨在评估面试者的数据结构和算法基础。本篇文章主要讨论了两种数组去重的方法：基本的遍历和利用哈希表（对象）的方式。 1. **数组去重基础方法** - **基本遍...