1

いつもお世話になっています。下記の質問についてご存知の方がいらっしゃいましたら、
ご教示を願います。


【質問の主旨】

下記の【質問の補足】で示すコード(cookie_get.js)はブラウザ(Google Chrome) に保存しているクッキー名の値を取り出すためのコードです。2行目にlet value = null;を記述するのはなぜでしょうか?

【質問の補足】

  1. 上記の【質問の主旨】に関わるコード(cookie_get.js)は以下の通りです。
function getCookie(name) {
    let value = null;
    // 取得したクッキー文字列を「;」で分類
    let cookies = document.cookie.split(';');
    cookies.forEach(function(c) {
        // 名前=値 を = で分割
        let kv = c.split('=');
        if (kv[0] === name) {
            value = decodeURIComponent(kv[1]);
        }
    });
    return value;
}

console.log(getCookie('Author'));
  1. cookie_get.jsでクッキー名の値を取り出すに先立ち、作成したcookie_set.jsはGitHubにUPしています。

3.
let value = null;をコメントアウトしましたが、記述しているときの動作と変わりがないような気がします。valueという変数をあらかじめ初期化しているような感じがしますが、なぜnullを代入するのかがよく分かりません。

4.
1と2のコードはJavaScript逆引きレシピ 第2版のP423とP424から引用しています。


以上、ご確認のほどよろしくお願い申し上げます。

2 件の回答 2

3

let value = null;をコメントアウトすると、document.cookie.split(';')の結果が空であったりkv[0] === nameにならない場合に宣言されていないvaluereturnされてしまいます。
そういう場合に備えてvalueを宣言して初期化しておく必要が有りますが、上記の理由からその初期値はgetCookieを試みたけれど該当する情報はなかったことを示すべきでしょう。
そういう理由でnullであるのだと考えられます。

1
  • 伽語蓮弥さん。コメントありがとうございます。cookieskvに値が入らないことも想定しなければならないということですね。伽語蓮弥さんのアドバイスと公式ドキュメントを確認すると、nullで初期化することの意味が分かりました。今後ともどうぞよろしくお願いします。 2019年4月12日 9:14
2

あなたがコメントアウトした時、以下はグローバル変数valueを定義することになります。スコープに存在しない変数に代入したからです。

value = decodeURIComponent(kv[1]);

コードが書かれたファイルの一番上に以下を追加してください。

"use strict";
1
  • しぐれ煮さん。コメントありがとうございます。JavaScriptでプログラミングをするときは"use strict";を使って、厳密なエラーチェックをするようにします。今後ともどうぞよろしくお願いします。 2019年4月12日 9:16

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。