Javascript関数でパラメーターを渡さないとどうなりますか？

私はJavascriptの世界に不慣れで、非常に基本的な関数を書くことをいじくり回していて、偶然に以下の例に出くわしました。関数が要求するときにパラメーターを渡さないのになぜそれが機能するのかわかりません。

サンプル関数

function myfunction(x) {
    alert("This is a sample alert");
}

関数を呼び出すmyfunction();と、アラートが表示されます。パラメータを渡していないのに、エラーや警告なしに関数を呼び出すことができるのはなぜですか？

編集

私はそれほど多くの素晴らしい答えを期待していませんでした、そして私はまだどの答えが最良であるかを言うことができる立場にないので、人々に最良の答えを提案するように頼むことができます、そして私はその人に受け入れを与えます。

何も起こりません。つまり、JavaScriptでパラメーターを渡すことはオプションであるため、エラーや警告は表示されません。
「提供」されなかったすべてのパラメーターのundefined値はです。

function foo(x, y, z){
    //...
}

foo(1);

foo関数内：

function foo(x, y, z){
    x === 1
    y === undefined
    z === undefined
}

次のように、さらに多くの引数を渡すこともできます。

foo(1,2,3,4,5,7); // Valid!

arguments.length関数内から提供されるパラメータの量を知ることができます。

function foo(x, y, z) {
    console.log('x value: ' + x);
    console.log('y value: ' + y);
    console.log('z value: ' + z);
    console.log('Arguments length: ' + arguments.length);
}
console.log('Zero parameters');
foo();
console.log('Four parameters');
foo(1, 2, 3, 4);

任意の量のパラメーターを処理する便利な関数の例：

function max() {
    var maxValue = arguments[0];
    for (var i = 1; i < arguments.length; i++) {
        if (maxValue < arguments[i]) {
            maxValue = arguments[i];
        }
    }
    return maxValue;
}

alert(max(1, 5, 7, 2, 88, 32, 44));

JavaScript関数のすべての引数はオプションです（「緩く型付けされた」と読みます）。

JavaScript関数は、関数定義で指定された引数の数に関係なく、任意の数の引数を使用して呼び出すことができます。関数は大まかに型付けされているため、期待する引数の型を宣言する方法はなく、任意の型の値を任意の関数に渡すことは合法です。宣言されているよりも少ない引数で関数が呼び出されると、追加の引数の値は未定義になります。

名前付き引数変数またはargumentsオブジェクトを使用して、関数内で関数の引数を参照できます。このオブジェクトには、関数に渡される各引数のエントリが含まれ、最初のエントリのインデックスは0から始まります。たとえば、関数に3つの引数が渡される場合、次のように引数を参照できます。

arguments[0]
arguments[1]
arguments[2]

• JavaScript-決定的なガイド、第5版

これがJavaScriptの仕組みです。パラメータはオプションであり、関数呼び出しから欠落している場合、関数内の値ではない値「undefined」が含まれます。

「オプション」とは、つまり、関数を呼び出すには、任意の長さのパラメーターのリストが含まれるということです。関数に渡されるパラメーターの数と宣言される数の間に関係は必要ありません。この宣言を考える最良の方法は、次のとおりです。

function x(a, b, c) {
  // ...
}

つまり、関数を宣言し、名前「a」を最初のパラメーターに、「b」を2番目のパラメーターに、「c」を3番目のパラメーターにバインドしているということです。ただし、これらのいずれかが、後で関数を呼び出すときに実際に値にバインドされることは保証されていません。

同様に、パラメーターをまったく使用せずに関数を定義し、argumentsオブジェクトを介してそれらを「検索」することができます。

function noArgs() {
  var a = arguments[0], b = arguments[1], c = arguments[2];
  // ...
}

したがって、これは最初の関数とまったく同じではありませんが、実際に重要なほとんどの点で近いです。

JavaScriptの「未定義」の値は値ですが、そのセマンティクスは言語が進むにつれてちょっと変わっています。特に、null値とまったく同じではありません。また、「未定義」自体はキーワードではありません。半特殊な変数名です！

JavaScriptには、他の言語のように関数パラメーターのデフォルト値がありません。したがって、必要な数の引数を渡すことができます。

値を渡さない場合、パラメーターはundefinedです。

function myfunction(x) {
    alert(x);
}

myfunction(); // alerts undefined
myfunction(1); // alerts 1
myfunction(1,2,3); // alerts 1

署名にあるよりも多くのパラメーターを渡す場合は、を使用できますarguments。

function myfunction(x) {
    alert(x);
    console.log(arguments);
}

myfunction(1,2,3); // alerts 1, logs [1,2,3]

関数で指定された引数よりも多くの引数を指定することもできます

myFunction(1,2,3,4,5,6,7,'etc');

arguments提供された引数を表示するために、配列であるプロパティを使用できます。

関数が、渡すことになっているパラメーターを処理できることを期待するまで、エラーは発生しないためです。

例えば：

function myfunction(x) {
    return x*2;
}

エラーをスローします。おそらくNaN（この場合）またはvariable is undefined。だけですが。

引数を省略すると、その値はになりますundefined。これにより、オプションのパラメータを非常に簡単に作成できます。

もう1つの機能は、パラメーターなしで関数を定義し、argumentsオブジェクトを使用して引数を使用して関数を正常に呼び出す機能です。これにより、可変長の引数配列を簡単に作成できます。

javascript console.logでは、関数内では渡されないパラメーターの出力としてundefinedが提供されますが、関数内ではブラウザーが変数を明示的に宣言するため、関数外では未定義のエラーが発生します。例えば

console.log(x) 

VM1533：1 Uncaught ReferenceErrorを与えます：xは定義されていませんが、

function test(x) {
console.log(x)
}
test(); 

未定義を与えます。これは、関数test（）がブラウザによって次のように書き直されているためです。

function test(x) {
    var x;
    console.log(x)
    }

もう一つの例 ： -

var x =5 ;
function test(x) {
console.log(x)
}
test(); 

関数が次のようになるため、まだ未定義です

function test(x) {
    var x;
    console.log(x)
    }

以下の例のアラートは未定義を与えます：-

    var x =5;
    function test() {
    alert(x);
    var x =10;
    }

test(); 

上記の関数は次のようになります：-

 function test() {
    var x;
    alert(x);
    x =10;
    }

関数内のjavascript変数のスコープは、ブロックレベルではなく、関数レベルのスコープです。例えば

function varScope() {

for(var i = 0; i < 10; i++){
    for(var j = 0; j < 5; j++){}
        console.log("j is "+j)
    }
    console.log("i is "+i);


}
varScope();

次のように出力されます：

j is 5 
i is 10

再び関数は次のようになりました：-

  function varScope() {
    var i;
    var j;
    for(i = 0; i < 10; i++){
        for(j = 0; j < 5; j++){}
            console.log("j is "+j)
        }
        console.log("i is "+i);
    }