javascript – 返回自身实例的对象

前端之家收集整理的这篇文章主要介绍了javascript – 返回自身实例的对象前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
背景:我最新的项目不能使用一个很大的图书馆,这让我很伤感.有一些我想从任何图书馆的东西,如缺少的函数addClass,hasClass,removeClass,兼容的addEventListener等.所以我创建了 a little object,我想在一些其他时间有一些意见,但我是有一点点麻烦设置我想要的.

为了方便使用,我想要一个对象在创建时返回一个新的实例.

鉴于:

$= function() {
    this.name = "levi";

    return this;
};

console.log($());

我们得到DOMWindow而不是$,因为它在JavaScript中的奇怪本质.更奇怪的是,console.log(new $().name)正确返回“levi”.如果这绑定到窗口,为什么对象正确地获取值?我们可以添加新的console.log(new $()),它可以正常工作.但是,我不想每次写新的.所以我试过:

$= function() {
    var obj = function() {
        this.name = "levi";
    };

    return new obj();
};

console.log($());

这给我我想要的,但是似乎有点不必要将对象包装在创建它的函数中.此外,返回的对象是obj而不是$.比较测试将失败.

还有什么其他方法可以做到这一点?有更优雅的解决方案吗?我对于重新思考我的整个过程毫无疑问.我认为我自己很善于使用JavaScript,但创建新的JavaScript是我非常新的东西.

编辑:有没有人看到以下解决方案有任何错误

$a = function() {};

$= function() {
    if (!(this instanceof $)) {
        return new $();
    }

    this.name = "levi";

    return this;
};

//helper function
var log = function(message) {
    document.write((message ? message : '') + "<br/>");
};

log("$().name == window.name: " + ($().name == window.name)); //false
log("$().name: " + $().name); //levi
log("window.name: " + window.name); //result

log();

log("$a instanceof $: " + ($a instanceof $)); //false
log("typeof $a: " + (typeof $a)); //function
log("typeof $: " + (typeof $)); //function

它似乎在我所有的测试工作.

解决方法

最简单的做法就是(我想):
$= function(){
    if (!(this instanceof $)){
     return new $;
    }
    this.name = 'levi'; 
    return this;
}

事实上,只是返回这个没有创建一个$的实例是因为这样创建执行$作为常规函数的方式:在这种情况下,这个值指向全局对象(在浏览器中:窗口中,实际调用执行$()与窗口相同$()).这是一个javascript生活的事实可以说. console.log(new $().name)显示正确的值是因为您将该函数作为构造函数调用,该构造函数返回该构造函数的实例(即新的$实例).但是console.log($().name)也会打印’levi’,因为它返回带有属性名称的全局对象,即window.name.尝试$(); console.log(name),你会看到name是一个全局变量.因此,如果您不想每次都使用new关键字,请检查您的函数是否被调用为常规函数,或者作为构造函数中的实例(=== instanceof $)的构造函数.使用上述方法,一个实例构造函数,无论是否使用新的实例,都将是$

也许你应该把你的问题的标题改成:’返回一个自己的实例的对象[构造函数]

也许this blog entry可以减轻额外的光线.

原文链接:https://www.f2er.com/js/151365.html

猜你在找的JavaScript相关文章