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

最新推荐文章于 2021-01-11 17:12:05 发布

众乐-Ryan

最新推荐文章于 2021-01-11 17:12:05 发布

阅读量2.4k

点赞数 1

分类专栏： web前端文章标签： web前端

本文链接：https://blog.csdn.net/fendouzhe123/article/details/43017007

版权

众所周知，在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语句返回值，那么该构造函数会自动的构造一个实例对象返回，但是如果我们明确返回了非简单数据类型（简单数据类型还是会自动构造实例对象返回）的对象的话，构造函数实例化的时候返回的就是该对象。如此，我们可以构造如下的通用情况下

关注