首頁猿問 javascript中如何讓一個類...

javascript中如何讓一個類既可以用new實例化，也可以不用new進(jìn)行實例化？

JavaScript

慕運維8079593 2018-12-07 10:14:52

如題目是這樣的，實現(xiàn)一個類讓下面的代碼可以正常運行： var me = Man({ fullname: "小李" }); var she = new Man({ fullname: "小紅" ,gender:"女"}); console.group(); console.info("我的名字是：" + me.attr("fullname") + "\n我的性別是：" + me.attr("gender")); console.info("她的名字是：" + she.attr("fullname") + "\n她的性別是：" + she.attr("gender")); console.groupEnd(); /*------[執(zhí)行結(jié)果]------ 我的名字是：小李我的性別是：<用戶未輸入> 她的名字是：小紅她的性別是：女 */ 我寫了下面的代碼，在new的情況下可以正常運行，但如何讓這個類也支持不用new的情況？ Man=function(obj){ for(var e in obj){ this[e]=obj[e]; } } Man.prototype.attr=function(attr,val){ if(val){ this[attr]=val; } else{ if(this[attr]){ return this[attr]; } else{ return "<用戶未輸入>"; } } }

查看完整描述

2 回答

阿晨1998

TA貢獻(xiàn)2037條經(jīng)驗獲得超6個贊

function Man(o) {
function A() {}
A.prototype.attr = function(str) {
return str in this ? this[str] : "<用戶未輸入>";
}
var obj = new A;
for (var e in o) {
obj[e] = o[e];
}
return obj;
}

另外上面的例子錯了，?她的性別是：" + me.attr("gender")?這段應(yīng)該是 she.attr("gender")

反對回復(fù) 2018-12-24

滄海一幻覺

TA貢獻(xiàn)1824條經(jīng)驗獲得超5個贊

這樣寫就可以了：

Man=function(obj){
    if(this instanceof arguments.callee){
        for(var e in obj){
            this[e]=obj[e];
        }
    }
    else{
        return new Man(obj);
    }
}
Man.prototype.attr=function(attr,val){
    if(val){
        this[attr]=val;
    }
    else{
        if(this[attr]){
            return this[attr];
        }
        else{
            return "<用戶未輸入>";
        }
    }
}