Создание функции со свойствами

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 ответить на работу в старых браузерах.)

Answer 2

Если вы хотите сделать это с одной atement, ES2015 (и некоторые библиотеки) позволяют сделать:

var obj = Object.assign(
    function() { /* ... */ }, 
    { "hello": "world" } 
); 

Который даст вам obj как функция со свойством «привет». Обратите внимание, что это действительно только то же самое, как отдельное задания, но это все завернутые как одно общее выражение, что приятно, потому что это означает, что вы можете сделать что-то вроде

return Object.assign(function() { /* whatever */ }, { 
    prop: whatever, 
    // ... 
}); 

Answer 3

Я также согласен с Гранди, но вы могли бы сделать что-то вроде этого:

var x = function(){ 
var obj = {}; 
    return { 
    objToReturn: obj, 
    objFunction: function(){return 'foo';}, 
    addItemsToObject: function (key, value) { 
     obj[decodeURIComponent(key)] = value; 
    } 
    } 
};  

честно, я не знаю, если это то, что вы действительно хотите, но в этом случае вы можете выполнить функцию «х» и после того, как вы можете получить доступ к «objFunction» , функция objToReturn или "addItemsToObject".

Так что это будет что-то вроде этого:

var y = x(); 

for (propertie in yourProperties){  
    y.addItemsToObject 
    (propertie, yourProperties[decodeURIComponent(propertie)]); 
} 

И потом:

y.objFunction(); 

'foo' 

Надежда, что помогает.