javascript - 创建具有属性的函数

Question

抱歉，我不知道它的名字。

我想要一个函数和一个对象，其属性只有一个变量。

这是它的工作原理:

var obj = function() {
    return "foo";
};

obj.prop = "bar";

obj(); // => "foo"
obj.prop; // => "bar"

这很好用，但我想改变它的顺序:

var obj = { prop: "bar" };
obj = function() {
    return "foo";
};

obj(); // => "foo"
obj.prop; // => undefined

有办法吗？

我想这样做是因为我有很多属性要添加到对象中:

var obj = function() {
    return "foo";
};

obj.prop1 = "bar1";
obj.prop2 = "bar2";
obj.prop3 = "bar3";
obj.prop4 = "bar4";
obj.prop5 = "bar5";
obj.prop6 = "bar6";
obj.prop7 = "bar7";
//...

Answer 1

这是不可能的，因为当您这样做时:

obj = function() {
    return "foo";
};

...您正在将变量 obj 分配给新函数，因此它不再指向您创建的原始对象 ({ prop: "bar"} ) 完全没有。

因此，如果要向函数对象添加属性，则必须始终先创建函数，然后再添加属性。

作为替代方案，您可以这样做:

var props = {
    prop1: "bar1",
    prop2: "bar2"
};

var obj = function() {
    return "foo";
};

for (var key in props) {
    obj[key] = props[key];  
}

或者如果您碰巧有可用的 jQuery(但没有可用的 Object.assign):

jQuery.extend(obj, props);

(当然有可用于 Object.assign 的垫片，这将允许@Pointy 的答案在旧浏览器中工作。)