如何自己写一个new方法去实例对象

我们经常会使用new方法去实例一个对象,这是封装好的方法,我们直接调用就可以了,那怎么自己去封装一个new方法呢?

首先我们要知道①对象是由函数生成的,②对象有__proto__属性,函数有prototype属性,③生成对象时,对象的__proto__属性指向函数的prototype属性,这是我们在实现new方法时需要知道的三点(具体为什么这里不做详述)!

那么如何去实现new方法,直接上图

在这里插入图片描述定义一个函数New,参数为需要实例的构造函数fn,在函数里面先定义一个空对象res,首先判断fn有没有prototype属性,如果存在,我们把fn的prototype赋值给res的_proto_属性(参考上面三点的②),然后是关键的一步,我们先看Array.prototype.slice.call(arguments, 1),我们知道arguments表示正在执行的函数(即New函数)的参数。arguments是一个结构类似数组的对象,我们可以看到有两个参数,一个是传入的构造函数,第二个是要传给构造函数的参数,我现在想要获取第二个参数,有没有简单的办法呢,我发现数组中可以使用slice方法去分割数组元素并获取,但是对象并没有slice方法,这个时候我们可以使用call方法去改变this的指向,让对象也能够使用数组的特有方法,这是非常巧妙的!

同样的,fn.apply(res, Array.prototype.slice.call(arguments, 1));我们知道apply和call都是改变this的指向,只是参数形式不同,这里使用效果和上面的call如出一辙。我们去执行传入的构造函数fn,只是让this指向res对象,这样执行结束后,res对象就加载了构造函数所有的属性,最后再判断一下返回值ret,(一般构造函数是不会使用return,但是如果用了,我们也可以使用返回值ret作为最后的返回对象,这样更加严谨)。

在这里插入图片描述
至此,我们就实现了new方法,我们现在来测试下
在这里插入图片描述

我们可以看见返回的p对象有name属性和getName方法,这说明我们的New方法起到实例对象的作用了!!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值