オブジェクト型データを格納した変数と関数の引数が別物なのに正常に動く理由が知りたいです。

Question

前提

オブジェクト型データを格納した変数を関数の引数に指定しています。
オブジェクト型データを格納した変数と関数の引数が別物なのですが、どうして正常に動いているのかがわかりません。

発生している問題・エラーメッセージ

エラーメッセージはありません。

該当のソースコード

let personTaro = { name : "Taro" , age : 20 }; // Taroさんをモデル化して表現

function zikoSyoukai( person ){
 console.log( "こんにちは、" + person.name + "と申します" );
 console.log( "年齢は" + person.age + "歳です" );
}

zikoSyoukai( personTaro );

補足情報（FW/ツールのバージョンなど）

OS:Raspberry Pi OS
ブラウザ:Chromium
参考リンク:JavaScriptで関数の引数にオブジェクト型データを指定する方法を現役エンジニアが解説【初心者向け】

Comments

[y_waiwai]

オブジェクト型データを格納した変数、ってどれのこと言ってますか？

Answer 1

関数を実行する際の引数で渡されるのは変数名ではなく、中身の値であるということがポイントです。

zikoSyoukai( personTaro );

は

zikoSyoukai( { name: "Taro", age: 20 } );

として実行されているのです。（厳密にはオブジェクトはポインタで渡されているので違うのですが）
（こうでないと関数の引数として数値や文字列を直接記述できないということになってしまいます）

一方、function行は定義であり、personは引数として入力された値を受け取る変数名です。
「zikoSyoukai関数が呼び出されたときの、1つ目の引数をpersonという変数名で受け取る」ということです。
そのため、personに { name : "Taro" , age : 20 }が代入され、あたかも変数名が違うのに参照できているよう見えているのです。

ちなみに、変数にはスコープという概念があり、提示されたコードではzikoSyoukaiの中でもpersonTaroにはアクセス可能なため、別途誤解が生まれる可能性があります。
https://developer.mozilla.org/ja/docs/Glossary/Scope

また、参考サイトとしてあげられているサイトは内容が不十分で誤った内容やコードも多いため見ないことを推奨しておきます。（かといって、このサイトがオススメみたいなものも提示し辛いですが）

Comments

[atago_IT]

体調が悪くて遅くなりました。
わかりやすいご回答ありがとうございました！
疑問が解決できました。

Answer 2

初心者あるあるですね。僕も最初、疑問だった覚えがあります。

関数の引数　zikoSyoukai( personTaro );　
を入れると、そのメソッド内のスコープで定義された変数に割り当てられます。

Attachとでも表現すればいいでしょうか。　この場合、引数に入れる型さえ合っていればどのようなものでもいいのです(PersonTaro は関数内で代入されてpersonとし扱われる)。

つまり　person = PersonTaro ; が非明示的に行われているのです。---
これはJavaScriptに限らず、殆どどのような言語でも同様です。

この例ではpersonクラスで定義された型以外の変数を引数としていれるとエラーになるのだと思われます。
letは暗黙の型宣言のようなので微妙なところですが

C#のような言語だと文字列型やint型などの宣言をきちんと行います。

Comments

[otn]

中学高校の数学で関数を学んだと思いますが、f(x) = 2*x+1 みたいな定義で、 f(t) と引数がx以外の場合の意味がわからなかったりしてたんでしょうかね？

[sheephuman]

数学とプログラミング言語はなんというかパラダイム的なモノが違うかと思うんですね。言語書くときに数学的に考えるかというと、余程数学好きでもない限りはプログラミング言語独自の考え方になると思うんです。どっちかというと最初は文系寄りの認識にならざる負えないのかなと思います。

本件の質問は初心者の認識としてはそれほど珍しいものでなないと考えてる

[otn]

> 本件の質問は初心者の認識としてはそれほど珍しいものでなないと考えてる
このサイトでもたまに見かけますね。

数学とプログラミング言語はいろいろなところで同じでは無いですが、
「f(x) = 2*x+1 みたいな定義で、 f(t) と引数がx以外の場合の意味を理解できる頭」
と、
「関数定義の仮引数名と、関数呼び出しの実引数の変数名の関係を理解できる頭」
は同じだと思います。プログラミングになると頭が硬直しちゃうのかな。

[sheephuman]

そういう数式自体馴染みがないです。数学でジェネリック使うかっていうとそうじゃないと思うし。
大抵の初学者は数学ぎらいだし、それが理解出来てたら最初から質問なんてしないだろうという

[atago_IT]

お時間を割いていただきありがとうございました！