如何创建没有new能实例化的构造函数

这篇博客探讨了JavaScript中如何创建一个不需要使用new关键字就能实例化的构造函数。通常,构造函数通过new来实例化,但作者提出了一种解决方案,即检查this是否属于构造函数的实例。当构造函数参数固定时,此方法可行,但存在额外的函数调用开销。文章还介绍了一种通用方法,利用构造函数内部的return语句返回非简单数据类型对象,以达到实例化目的。在不支持Object.create()的环境中,可以使用创建局部构造函数并通过new操作符初始化来代替。
摘要由CSDN通过智能技术生成

众所周知,在js里是没有真正的类这个饿概念的(以后的版本会加入),通常我们所谓的类就是用new来构造实例的普通函数。

通常实例化一个构造函数的时候,里面的this是指向被实例化的实例的。如下示例所示:

function Ins(){
    this.a = 1;//this指向类似于下面的ins实例
    this.b = 2;
}

var ins = new Ins();

但有的时候我们想直接执行函数来进行实例化,而不是用new。这个时候构造函数里面的this指向便不再是被实例化的实例了,就变成了Ins函数的接受者全局变量window,严格模式下则会直接抛出错误。

通常的解决方案是判断this是否是构造函数的实例,若是则继续执行,若不是则进行new的操作。代码如下:

function Ins(a,b){
    if(!this instanceof Ins){
        return new Ins(a,b);
    }
    this.a = a;
    this.b = b;
}

在构造函数参数个数固定的情况下这种方案是可行的。这种方式的一个缺点是它需要额外的函数调用,因此代价有点高。

在进行构造函数实例化的时候,如果构造函数内部没有明确return语句返回值,那么该构造函数会自动的构造一个实例对象返回,但是如果我们明确返回了非简单数据类型(简单数据类型还是会自动构造实例对象返回)的对象的话,构造函数实例化的时候返回的就是该对象。如此,我们可以构造如下的通用情况下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值