Функция JavaScript с необязательными параметрами

Question

Я новичок в JavaScript, исходя из фона Python. В Python параметры могут быть переданы в качестве ключа и значения, как, например:

def printinfo(name, age = 35): 
    print "Name: ", name 
    print "Age ", age 
    return; 

Тогда функция может быть вызвана как таковой:

printinfo(age=50, name="miki") 
printinfo(name="miki") 

Могут ли такие параметры быть переходящие в функции JavaScript?

Я хочу, чтобы иметь возможность передавать один или несколько параметров. Например, функция JavaScript как таковой:

function plotChart(data, xlabel, ylabel, chart_type="l"){ 
    ... 
} 

Я хочу, чтобы иметь возможность передавать только данные и тип диаграммы и метки не являются обязательными, такие как:

plotChart(data, chart_type="pie") 

Возможно ли это с JavaScript?

Answer 1

Хороший способ сделать это было бы использовать объект для всех аргументов. Что-то вроде:

function plotChart(options) { 
    // Set defaults 
    options.chart_type = options.chart_type || '1'; 

    // Check if each required option is set 
    // Whatever is used by the data 
} 

Тогда, когда функция вызывается:

plotChart({ 
    data: 'some data', 
    xlabel: 'some xlabel', 
    ylabel: 'some ylabel', 
    chart_type: '5' // This is optional 
}); 

Answer 2

Один из способов - проверить, установлено ли значение параметра undefined, и если да, то присвойте значение.

function plotChart(data, xlabel, ylabel, chart_type) { 
    if (typeof chart_type === 'undefined') { 
    chart_type = 'l'; 
    } 
} 

Также ECMAScript 2016 (ES6) предлагает Default Parameters. Поскольку некоторые браузеры еще не поддерживают эту функцию, вы можете использовать транспилятор, такой как babel, чтобы преобразовать код в ES5.

Чтобы заставить его работать, как в вашем примере на python, вам нужно будет передать объект, содержащий значения, а не отдельные параметры.

function plotChart(options) { 
    var data = options.data; 
    var xlabel = options.xlabel; 
    var ylabel = options.ylabel; 
    var chart_type = (typeof options.chart_type === 'undefined' ? 'l' : options.chart_type); 
} 

Пример использования

plotChart({ 
    xlabel: 'my label', 
    chart_type: 'pie' 
}); 

Answer 3

Вы можете проверить, если определены параметры и жесткий код, который в свои функции.

например.

var preDefined = function(param) { 
    if(param === undefined) { 
     param = preDefinedValue 
    } 
    /* Rest of code goes here */ 
} 

ETA:

ES6 был допускает значений параметров по умолчанию (не знал об этом, когда я отправил ответ).

Link

Answer 4

Там тонна ответов на это уже, но я havn't видел, что я считал самым простым решением этой проблемы.

var myFunc = function(param1) { 
    var someData = param1 || "defaultValue"; 
}