手写 new 操作符(构造函数模式)

已于 2022-09-29 11:19:52 修改
阅读量637 收藏 1
点赞数
分类专栏： javascript基础知识 文章标签： javascript 前端
于 2022-06-08 10:24:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43484007/article/details/125173444
版权

new 运算符

new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例

语法

new constructor[([arguments])]

参数

constructor :一个指定对象实例的类型的类或函数。
arguments: 一个用于被 constructor 调用的参数列表。

调用new操作符会发生以下五件事情：

  1. 首先创建一个新的空对象
  2. 将这个对象的原型设置为构造函数的prototype对象
  3. 让构造函数的this指向这个新的对象，
  4. 执行构造函数代码（给新对象添加属性）
  5. 判断构造函数的返回值类型。如果是基本数据类型，返回新创建的对象；如果是引用数据类型，则返回这个引用类型的对象。
function myNew(){
   
	let newObj=null; // 步骤1
最低0.47元/天 解锁文章
不点外卖
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【JavaScript】手撕前端面试题：手写new操作符 手写Object
2401_84181309的博客
04-27 571
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！正的技术提升。**需要这份系统化资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！
js代码-手写new
07-15
总结来说，`js代码-手写new`这个主题涵盖了JavaScript中的`new`操作符的工作机制，以及如何通过编写自定义函数来模拟这一过程。这涉及到原型链、构造函数以及`this`的绑定等核心概念，是深入理解JavaScript面向对象...
手写 new 操作符
csD_Dscnnnnnnn的博客
03-24 207
手写 new 操作符
new操作符的实现原理及几种手写方法
stay hungry, stay foolish
08-17 1104
new操作符的实现原理及几种手写方法
【手写代码】new 操作符
Chailo的博客
11-09 618
作用： 创建一个用户定义的实例对象或具有构造函数的内置对象的实例 实现步骤： （1）创建了一个空对象 （2）设置原型，将对象的__ proto__属性指向构造函数的prototype属性 （3）让函数的 this 指向这个对象，执行构造函数的代码（为这个新对象添加属性） （4）判断函数的返回值类型，如果是值类型，返回创建的对象。如果是引用类型，就返回这个引用类型的对象。 手写代码： function objectFactory() { // 准备：从参数列表中获取构造函数 ...
【前端面试之手写代码】手写new，bind，深拷贝
阿卡内的博客
08-08 591
手写new，bind，深拷贝
手写一个new操作符
不想起床
07-23 1556
代码 // 实现一个new操作符 function myNew() { // 创建一个新对象obj let obj = new Object(); // 取参数的第一项为构造函数fn,这里可以写(arguments,1)也可以直接(arguments)，都是代表参数的第一项，取构造函数 let fn = [].shift.c...
面试第二题 new 操作符 具体干了什么？
01-08
JavaScript new操作符具体干了什么呢? 在javascript 只要new 一个函数，就可以new一个对象，这应该算是...如何手写一个new操作符： 2.如何手写一个new操作符： /*实现new操作符的功能*/ function MyNew (fun,arg
js代码-手写一个new
07-15
在JavaScript中，`new`操作符是我们经常使用的构造函数创建对象的方式。然而，你可能会好奇，这个`new`操作符背后的实现原理是什么。本篇将深入探讨如何在JavaScript中手写一个`new`操作符的实现，以帮助你更好地...
JS如何手写new（一看就懂）
weixin_44206947的博客
05-07 5380
如以下构造函数,使用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_46193186的博客
06-21 331
手写new原理
javascript new后的constructor属性
01-21
js对象生成时： 如：function BB(a){this.a=”kkk”} var b=new BB();这时b是对象有了BB的的属性prototype所指向的prototype对象；prototype对象有constructor属性指向BB这个函数；所以alert(b.constructor==BB.prototype.constructor) //true 这里的“有了”的执行过程是先查看b有没有此属性让后去查看prototype里的属性值，不是简单的A=B：如添加：b.constructor=”ccc”; 执行：alert(b.constructor==BB.prototype.co
15.new操作符具体都干了什么？
kleinBlue.的博客
10-19 425
一、是什么 在JavaScript中，new操作符用于创建一个给定构造函数的实例对象 例子 functionPerson(name,age){ this.name=name; this.age=age; } Person.prototype.sayName=function(){ console.log(this.name) } constperson1=newPerson('Tom',20) console.log(person1)//...
手写Promise（构造函数&类）
MakeDir_s的博客
03-16 509
Promise 一、什么是Promise? 是ES6出来的一种新的语法，用来解决异步问题，防止回调地狱问题的，本身是个构造函数。。。。。。 二、Promise常用API //API *1.Promise构造函数：promise(excutor){} (1)executor函数：执行器（resolve,reject）=>{} (2)resolve函数： 内部成功时我们调用的函数value=>{} (3)reject函数： 内部失败时我们调用的函数reason=>{} #executor会在
手写new运算符
qq_50541792的博客
10-18 175
首先来看看new在执行的过程中都做了什么。
如何实现一个new，手写一个new操作符
宋坚强大大~~
11-19 944
要想手写一个new 需要先知道new这个关键字做了哪些事情 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回对象类型Object(包含...
js 手写篇-手写new 操作符
Allez_的博客
12-19 665
js 手写new 操作符
手写源码之--new操作符
前端劝退工程师
11-15 724
(1) 创建一个新对象； (2) 将构造函数的作用域赋给新对象（将构造函数中的this指向该对象） ； (3) 执行构造函数中的代码（为这个新对象添加属性和方法） ； (4) 返回新对象。 用代码实现为 function New(f) { return function () { var o = {"__proto__": f.prototype}; f.a...
js手写实现new关键字
weixin_44788637的博客
07-22 394
直接上代码 function myNew() { // 创建一个空对象 let obj = new Object(); // shift删除数组第一个元素，并返回一个元素。原有arguments数组第一个参数是构造函数，返回值为构造函数。 const Constructor = [].shift.call(arguments); // 将 obj 的原型指向构造函数，这样 obj 就可以访问到构造函数原型中的属性
JS手写一个new函数
最新发布
06-10
当使用JavaScript中的`new`操作符时，实际上会发生以下四个步骤： 1. 创建一个新对象。 2. 将构造函数的作用域赋给这个新对象（因此`this`指向这个新对象）。 3. 执行构造函数中的代码（为这个新对象添加属性）。 4...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值