関数式は値（関数オブジェクト）を生成します。次に例を示します。

var add = function (x, y) { return x + y };
console.log(add(2, 3)); // 5

上記のコードは、関数式の結果を変数addに代入し、その変数を介して呼び出しました。関数式によって生成される値は、変数に代入したり（最後の例で示したように）、別の関数の引数として渡したりすることができます。通常の関数式には名前がないため、無名関数式とも呼ばれます。

var fac = function me(n) {
    if (n > 0) {
        return n * me(n-1);
    } else {
        return 1;
    }
};
console.log(fac(3)); // 6

var repeat = function me(n, str) {
    return n > 0 ? str + me(n-1, str) : '';
};
console.log(repeat(3, 'Yeah')); // YeahYeahYeah
console.log(me); // ReferenceError: me is not defined

以下は関数宣言です。

function add(x, y) {
    return x + y;
}

上記は関数式のように見えますが、ステートメントです（式とステートメントを参照）。これは、おおよそ次のコードと同等です。

var add = function (x, y) {
    return x + y;
};

つまり、関数宣言は新しい変数を宣言し、関数オブジェクトを作成し、それを変数に代入します。

コンストラクタFunction()は、文字列に格納されているJavaScriptコードを評価します。 例えば、次のコードは前の例と同等です。

var add = new Function('x', 'y', 'return x + y');

ただし、この関数の定義方法は遅く、コードを文字列に保持します（ツールからアクセスできません）。したがって、可能な場合は、関数式または関数宣言を使用する方がはるかに優れています。 new Function()を使用したコードの評価では、Function()について詳しく説明しています。これは、eval()と同様に機能します。

このメソッドは、関数funcを呼び出すときにargArrayの要素を引数として使用します。つまり、次の2つの式は同等です。

func(arg1, arg2, arg3)
func.apply(null, [arg1, arg2, arg3])

thisValueは、funcの実行中にthisが持つ値です。オブジェクト指向ではない設定では必要ないため、ここではnullです。

apply()は、関数が配列のような方法で複数の引数を受け入れるが、配列を受け入れない場合に役立ちます。

apply()のおかげで、Math.max()（その他の関数を参照）を使用して、配列の最大要素を決定できます。

> Math.max(17, 33, 2)
33
> Math.max.apply(null, [17, 33, 2])
33

これは部分関数適用を実行します。 thisをthisValueに設定し、次の引数：最初にarg1からargNまで、次に新しい関数の実際の引数を使用してfuncを呼び出す新しい関数が作成されます。thisValueは、以下のオブジェクト指向ではない設定では必要ないため、nullです。

ここでは、bind()を使用して、add()に似ているが、パラメータyのみを必要とする新しい関数plus1()を作成します。これは、xが常に1であるためです。

function add(x, y) {
    return x + y;
}
var plus1 = add.bind(null, 1);
console.log(plus1(5));  // 6

言い換えれば、次のコードと同等の新しい関数を作成しました。

function plus1(y) {
    return add(1, y);
}

特殊変数argumentsは、関数内（メソッドを含む）でのみ存在します。これは、現在の関数呼び出しのすべての実パラメータを保持する配列のようなオブジェクトです。次のコードはそれを使用しています。

function logArgs() {
    for (var i=0; i<arguments.length; i++) {
        console.log(i+'. '+arguments[i]);
    }
}

そして、これが相互作用です。

> logArgs('hello', 'world')
0. hello
1. world

argumentsには次の特徴があります。

パラメータが欠落しているかどうかを調べるには、3つの方法があります。 まず、それが undefined かどうかを確認できます。

function foo(mandatory, optional) {
    if (mandatory === undefined) {
        throw new Error('Missing parameter: mandatory');
    }
}

次に、パラメータをブール値として解釈できます。この場合、undefined は false と見なされます。ただし、注意点があります。他のいくつかの値も false と見なされるため（Truthy と Falsy の値を参照）、このチェックでは、たとえば 0 と欠落しているパラメータを区別できません。

if (!mandatory) {
    throw new Error('Missing parameter: mandatory');
}

3つ目に、arguments の長さをチェックして、最小引数を強制することもできます。

if (arguments.length < 1) {
    throw new Error('You need to provide at least 1 argument');
}

最後のアプローチは他のアプローチとは異なります。

パラメータがオプションの場合、欠落している場合はデフォルト値を指定することを意味します。 必須パラメータと同様に、4つの選択肢があります。

まず、undefined かどうかを確認します。

function bar(arg1, arg2, optional) {
    if (optional === undefined) {
        optional = 'default value';
    }
}

次に、optional をブール値として解釈します。

if (!optional) {
    optional = 'default value';
}

3つ目に、論理和演算子 ||（論理和 (||)を参照）を使用できます。これは、左側のオペランドがfalsyでない場合はそれを返します。そうでない場合は、右側のオペランドを返します。

// Or operator: use left operand if it isn't falsy
optional = optional || 'default value';

4つ目に、arguments.length を介して関数の引数の数をチェックできます。

if (arguments.length < 3) {
    optional = 'default value';
}

ここでも、最後のアプローチは他のアプローチとは異なります。

もう1つの可能性は、オプションパラメータを名前付きパラメータとして、オブジェクトリテラルのプロパティとして渡すことです（名前付きパラメータを参照）。

JavaScriptでは、パラメータを参照渡しすることはできません。つまり、変数を関数に渡すと、その値がコピーされて関数に渡されます（値渡し）。そのため、関数は変数を変更できません。変更する必要がある場合は、変数の値を（たとえば、配列に）ラップする必要があります。

この例は、変数をインクリメントする関数を示しています。

function incRef(numberRef) {
    numberRef[0]++;
}
var n = [7];
incRef(n);
console.log(n[0]);  // 8

関数 c をパラメータとして別の関数 f に渡す場合、2つのシグネチャに注意する必要があります。

2つが異なる場合、予期しない結果が生じる可能性があります。c は、あなたが知らないオプションパラメータを持っており、f によって提供される追加の引数を誤って解釈する可能性があります。

例として、配列メソッド map()（変換メソッドを参照）を考えてみましょう。そのパラメータは通常、単一のパラメータを持つ関数です。

> [ 1, 2, 3 ].map(function (x) { return x * x })
[ 1, 4, 9 ]

引数として渡すことができる関数の1つは、parseInt() です（parseInt() による整数を参照）。

> parseInt('1024')
1024

map() は単一の引数のみを提供し、parseInt() は単一の引数のみを受け入れると（誤って）考えるかもしれません。すると、次の結果に驚くでしょう。

> [ '1', '2', '3' ].map(parseInt)
[ 1, NaN, NaN ]

map() は、次のシグネチャを持つ関数を期待します。

function (element, index, array)

しかし、parseInt() は次のシグネチャを持っています。

parseInt(string, radix?)

したがって、map() は string（element 経由）だけでなく、radix（index 経由）も入力します。つまり、前の配列の値は次のように生成されます。

> parseInt('1', 0)
1
> parseInt('2', 1)
NaN
> parseInt('3', 2)
NaN

要約すると、シグネチャがわからない関数やメソッドには注意してください。それらを使用する場合、どのパラメータが受信され、どのパラメータが渡されるかを明示することが理にかなっていることがよくあります。これは、コールバックによって実現されます。

> ['1', '2', '3'].map(function (x) { return parseInt(x, 10) })
[ 1, 2, 3 ]

関数が複数のパラメータを持つようになると、各パラメータの用途がわからなくなる可能性があります。たとえば、データベースからエントリを返す関数 selectEntries() があるとします。次の関数呼び出しがあるとします。

selectEntries(3, 20, 2);

これらの3つの数字は何を意味するのでしょうか？ Pythonは名前付きパラメータをサポートしており、何が起こっているのかを簡単に理解できます。

selectEntries(start=3, end=20, step=2)  # Python syntax

オプションの位置パラメータは、最後に省略された場合にのみうまく機能します。他の場所では、残りのパラメータが正しい位置になるように、null などのプレースホルダーを挿入する必要があります。オプションの名前付きパラメータを使用すると、それは問題になりません。それらのいずれかを簡単に省略できます。次に例を示します。

# Python syntax
selectEntries(step=2)
selectEntries(end=20, start=3)
selectEntries()

JavaScript は、Python や他の多くの言語のように、名前付きパラメータをネイティブでサポートしていません。しかし、かなり洗練されたシミュレーションがあります。単一の実パラメータとして渡されるオブジェクトリテラルを介してパラメータに名前を付けます。この手法を使用すると、selectEntries() の呼び出しは次のようになります。

selectEntries({ start: 3, end: 20, step: 2 });

関数は、プロパティ start、end、および step を持つオブジェクトを受け取ります。それらのいずれかを省略できます。

selectEntries({ step: 2 });
selectEntries({ end: 20, start: 3 });
selectEntries();

selectEntries() は次のように実装できます。

function selectEntries(options) {
    options = options || {};
    var start = options.start || 0;
    var end = options.end || getDbLength();
    var step = options.step || 1;
    ...
}

位置パラメータと名前付きパラメータを組み合わせることもできます。後者を最後に配置するのが慣例です。

someFunc(posArg1, posArg2, { namedArg1: 7, namedArg2: true });