Javascriptで関数の返り値を参照できないです。

Question

Jsのかなり初歩的な質問で大変恐縮です。
以下のコードはクエリパラメーターを取得してその一部を返り値として返す関数になります。
そこで、その返り値をchromeのdeveloper tool上からconsole.logで参照するとnot definedと参照できないのですが、これはJsの処理の順序の問題でしょうか？？それともそもそもの記述方法が間違っているのでしょうか？？
Pythonのように上から順に処理されるつもりで書いておりました。今後の学習にも参考にさせて頂きたいので、ご教授頂けると幸いです。

下のコードブロックのように関数を扱わない場合はパラメーターがきちんと出力されます。

function getParams(){
    let url = new URL(location.href);
    let params = url.searchParams.get('userid');
    return params;
}
console.log(params)

結果
Uncaught ReferenceError: params is not defined

let url = new URL(location.href);
let params = url.searchParams.get('userid');
console.log(params)

Answer 1

console.log(params) で呼び出そうとしている params は functionの中の ローカル変数 にあたるので外部から呼び出すことができません。

Pythonのように という書き方になっていますが、例えばPythonであっても

def hoge():
    params = "test"

print(params)

としたら、 NameError: name 'params' is not defined となってしまいます。

今回やりたいことは、paramsをreturnしているのですから

console.log(getParams());

だと思います

Comments

[amaturePy]

ありがとうございます！参考になります。
出力できました。
失礼しました。Pythonでもローカル変数を外から参照できないですね。不適切な表現でした。

Answer 2

getParams内のparamsはローカル変数であって、外から直接アクセスできません。

getParams()の値経由で使いましょう。

function getParams(){
    let url = new URL(location.href);
    let params = url.searchParams.get('userid');
    return params;
}
console.log(getParams());

Comments

[amaturePy]

ありがとうございます！
Js学習の参考になります。
このまま再度コードを書いていきたいと思います。