Дизайн-шаблон в javascript

Question

В You don't know JS type & grammar в конце главы 1 показан шаблон проектирования, называемый «инъекцией зависимостей», который, как я знаю, не является точкой этой главы, но я был смущен примером.

пример кода здесь:

function doSomethingCool(FeatureXYZ) { 
 
    var helper = FeatureXYZ || 
 
     function() { /*.. default feature ..*/ }; 
 

 
    var val = helper(); 
 
    // .. 
 
}

Так что я хочу, чтобы использовать эту функцию.

Поскольку я не знаю, существует ли FeatureXYZ, я не знаю, как его использовать. doSomethingCool() не будет использовать FeatureXYZ, а doSomethingCool (FeatureXYZ) выдаст ошибку, если не существует FeatureXYZ. Таким образом, функция может быть бессмысленной функцией.

Answer 1

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

Используйте скобку для обозначения объекта "FeatureXYZ" либо на объекте window, либо на объекте, в котором должно быть указано "FeatureXYZ". Обозначение скобок не должно вызывать ошибку, если свойство не определено на объекте.

function FeatureXYZ() { 
 
    return {def:456} 
 
} 
 

 
function doSomethingCool(FeatureXYZ = window["FeatureXYZ"] /* obj["FeatureXYZ"] */) { 
 
    var helper = FeatureXYZ || function config() { 
 
    /*.. default feature ..*/ 
 
    return {abc:123} 
 
    }; 
 
    var val = helper(); 
 
    // .. 
 
    return val 
 
} 
 

 
console.log(doSomethingCool());

Answer 2

В принципе, оператор || возвращает первое значение, если оно не является нулевым или неопределенным. Если это так, он возвращает второе значение. Пример:

var x = null; 
var y = x || 5; 

x имеет нулевое значение, следовательно, z будет установлен равным 5. Если x будет, например, 4, y, будет установлено также 4.

У JavaScript есть функция (или странность, зависит от зрителя), что вам не нужно передавать каждый параметр, который имеет функция. Например, если у вас есть следующие функции:

function(x, y) { 
    return x * (y || 5); 
} 

Это не приведет к ошибке при вызове функции без прохождения y, потому что это было бы умножить x на 5 если y не предусмотрено (и, следовательно, не определено) ,

Вот как работает пример: он устанавливает helper равным FeatureXYZ или, если он не передан в качестве аргумента, например. doSomethingCool() (и поэтому не определено), он установлен на функцию по умолчанию. Таким образом, в конце кода, когда вы выполняете helper(), вы либо используете переданную функцию, либо по умолчанию, если она не указана.