JavaScript - クッキーとその後継技術(クッキーの設定, localStorage)

初めてのJavaScript 第2版
(オライリージャパン)
Shelley Powers (著)
武舎 広幸、武舎 るみ (訳)

開発環境

• OS X Mavericks - Apple(OS)
• Emacs (CUI)、BBEdit - Bare Bones Software, Inc. (GUI) (Text Editor)
• Safari、Firefox + Firebug (Webプラウザ、プラグイン)
• JavaScript (プログラミング言語)
• jQuery (JavaScript Library)

『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリージャパン、2009年、ISBN978-4-87311-425-5) の10章(クッキーとその後継技術)、練習問第10-1、10-2.を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• JavaScriptクックブック
• jQueryクックブック

練習問第10-1, 10-2.

コード(BBEdit)

var result = '',
    setCookie = function (k, v) {
        var expires = new Date(2030, 12, 31);
        document.cookie = k + '=' + escape(v) + '; expires=' +
            expires.toUTCString() + '; path=/';
    },
    readCookie = function (k) {
        var cookie = document.cookie,
            first = cookie.indexOf(k + '='),
            str,
            last;
        if (first >= 0){
            str = cookie.substring(first, cookie.length);
            last = str.indexOf(';');
            if (last <0){
                last = str.length;
            }
            str = str.substring(0, last).split('=');
            return unescape(str[1]);
        } else {
            return null;
        }
    },
    eraseCookie = function (k) {
        var expires = new Date(2000, 1, 1);
        document.cookie = k + '= ; expires=' + expires.toUTCString() +
            '; path=/';
    },
    visited = readCookie('visited'),
    n;
result += 'cookie: ';
if (visited){
    n = parseInt(visited, 10);
    setCookie('visited', n + 1);
    result += 'こんにちは (訪問回数: ' + (n + 1) + ')';
} else {
    setCookie('visited', 1);
    result += 'はじめまして';
}
result += '\nlocalStorage: ';
visited = localStorage.getItem('visited');
if (visited){
    n = parseInt(visited, 10);
    localStorage.setItem('visited', n + 1);
    result += 'こんにちは (訪問回数: ' + (n + 1) + ')';
} else {
    localStorage.setItem('visited', 1);
    result += 'はじめまして';
}
$('#pre0').text(result);