Можно ли использовать функции с суб-методами?

Question

Такого рода вещи работает в JavaScript

function main() { 
    return 1; 
} 
main.sub = function() { 
    return 2; 
}; 

main();  // 1 
main.sub(); // 2 

и кажется полезным для делать вещи, как

function props() { 
    return { color: props.color(), size: props.size() }; 
} 
props.color = function() { 
    // calculate and return color 
}; 
props.size = function() { 
    // calculate and return size 
}; 

, так что вы бы простой способ тянуть в объекте всех устоев с помощью prop() но если вам нужен только тот, который вы можете вызвать для него напрямую. Этот тип настроек хорошо?

Answer 1

Вообще это, вероятно, не является хорошей практикой:

призвание: props.color(); будет делать то же самое, как вызов props().color.

Что бы лучше картина будет чем-то следующим образом:

var props = function() { 
var theColor = function() { 
    // calculate the color 
}; 

var theSize = function() { 
    // calculate the size 
}; 

return { 
    color: theColor(), 
    size: theSize() 
} 
} 

var someprops = new props(); 

Вы могли бы вместо того, чтобы, например theColor() в качестве объекта для цвета, вы можете оставить его как функцию: Так что возвращение будет

return { 
color: theColor, 
size: theSize 
} 

разница в том, что props.color == "function", тогда как в предыдущем примере props.color бы уже составил результат функции.

Answer 2

Даже если это абсолютно законно, я бы сказал, что это неправильное использование вспомогательных методов. Он смущает функцию с возвращаемым значением указанной функции.

Я бы сказал, что правильное использование подтемов внутри функций - это когда вы хотите добавить метаданные для этой функции. Предположим, вы хотите установить свойство для функции, такой как документация, или хотите ли вы, чтобы она была запутана. Затем вы можете установить свойство для функции вместо базового объекта.

Несмотря на то, что ваше использование может сохранить некоторые записи, это делает чтение кода намного сложнее ИМХО. Вы всегда должны стремиться к легкости читаемости, а не к записи.

Answer 3

Это выглядит полезным, но не очень очевидно, что происходит, когда вы его используете.

Выражение props.color() возвращает то же самое, что и аналогичное выражение props().color, но производительность отличается тем, что последняя также вычисляет другие свойства, которые затем отбрасываются. Легко неправильно использовать эту функцию, не замечая, поэтому вам следует подумать об использовании подхода, в котором использование более четко показывает, что на самом деле происходит в коде.