JavaScriptでセッションストレージ取得！getItem()メソッド解説

// エラーが発生するコード例
const data = sessionStorage.getItem('user');

Uncaught TypeError: Cannot read properties of null (reading 'getItem')

// 推奨される実装方法
if (typeof sessionStorage !== 'undefined') {
    const data = sessionStorage.getItem('user');
    console.log(data);
} else {
    console.log('セッションストレージが利用できません');
}

try {
    const data = sessionStorage.getItem('user');
    console.log(data);
} catch (error) {
    console.log('セッションストレージへのアクセスに失敗しました');
}

function getSessionStorageItem(key) {
    try {
        return sessionStorage.getItem(key);
    } catch (error) {
        return null;
    }
}

// 使用例
const userData = getSessionStorageItem('user');

class StorageManager {
    static getItem(key) {
        if (typeof sessionStorage === 'undefined') {
            return null;
        }
        
        try {
            return sessionStorage.getItem(key);
        } catch (error) {
            console.error('ストレージアクセスエラー:', error);
            return null;
        }
    }
}

// 使用例
const userInfo = StorageManager.getItem('userInfo');
if (userInfo) {
    console.log('ユーザー情報:', userInfo);
} else {
    console.log('ユーザー情報が見つかりません');
}