javascript闭包怎样保存用户偏好设置

function createPreferenceManager() {
    // 这些是私有的偏好设置数据
    let userPreferences = {
        theme: 'dark',
        fontSize: 'medium',
        notificationsEnabled: true
    };

    /**
     * 从本地存储加载偏好设置，如果存在的话。
     * 这是一个内部辅助函数，不对外暴露。
     */
    function loadFromLocalStorage() {
        try {
            const storedPrefs = localStorage.getItem('appUserPreferences');
            if (storedPrefs) {
                const parsedPrefs = JSON.parse(storedPrefs);
                // 仅更新已知的、合法的偏好项，避免注入不必要的属性
                for (const key in userPreferences) {
                    if (parsedPrefs.hasOwnProperty(key)) {
                        userPreferences[key] = parsedPrefs[key];
                    }
                }
            }
        } catch (e) {
            console.error("加载用户偏好设置失败:", e);
            // 可以在这里选择重置为默认值或采取其他恢复措施
        }
    }

    /**
     * 将当前的偏好设置保存到本地存储。
     * 同样是内部辅助函数。
     */
    function saveToLocalStorage() {
        try {
            localStorage.setItem('appUserPreferences', JSON.stringify(userPreferences));
        } catch (e) {
            console.error("保存用户偏好设置失败:", e);
            // 用户可能处于隐私模式，或者存储已满
        }
    }

    // 初始化时尝试加载一次
    loadFromLocalStorage();

    // 返回一个包含公共方法的对象
    return {
        /**
         * 获取某个具体的偏好设置值。
         * @param {string} key - 偏好设置的键名。
         * @returns {*} 偏好设置的值。
         */
        getPreference(key) {
            return userPreferences[key];
        },

        /**
         * 设置或更新某个偏好设置。
         * @param {string} key - 偏好设置的键名。
         * @param {*} value - 要设置的新值。
         */
        setPreference(key, value) {
            if (userPreferences.hasOwnProperty(key)) { // 仅允许设置已存在的偏好
                userPreferences[key] = value;
                saveToLocalStorage(); // 每次设置后都保存
                console.log(`偏好设置 '${key}' 已更新为: ${value}`);
            } else {
                console.warn(`尝试设置未知偏好设置: ${key}`);
            }
        },

        /**
         * 获取所有当前的偏好设置。
         * 返回一个副本，防止外部直接修改内部数据。
         * @returns {object} 所有偏好设置的副本。
         */
        getAllPreferences() {
            return { ...userPreferences };
        },

        /**
         * 重置所有偏好设置为默认值。
         */
        resetPreferences() {
            userPreferences = {
                theme: 'dark',
                fontSize: 'medium',
                notificationsEnabled: true
            };
            saveToLocalStorage();
            console.log("所有偏好设置已重置为默认值。");
        }
    };
}

// 使用方式
const appPrefs = createPreferenceManager();

console.log("当前主题:", appPrefs.getPreference('theme')); // 输出: 当前主题: dark (或从localStorage加载的值)
appPrefs.setPreference('theme', 'light');
console.log("新主题:", appPrefs.getPreference('theme')); // 输出: 新主题: light

appPrefs.setPreference('fontSize', 'large');
console.log("字体大小:", appPrefs.getPreference('fontSize'));

// 尝试设置一个不存在的偏好
appPrefs.setPreference('unknownSetting', 'value'); // 会输出警告

// 获取所有偏好
console.log("所有偏好:", appPrefs.getAllPreferences());

// 直接访问 userPreferences 会报错或返回 undefined，因为它在闭包内部
// console.log(appPrefs.userPreferences); // undefined

userPreferences

loadFromLocalStorage

saveToLocalStorage

createPreferenceManager

getPreference

setPreference

userPreferences

userPreferences

setPreference

appPrefs.userPreferences.theme = 'invalid_theme'

window.appPreferences = {}

getPreference

setPreference

userPreferences

localStorage

sessionStorage

saveToLocalStorage()

loadFromLocalStorage()

loadFromLocalStorage()

localStorage

userPreferences

setPreference()

saveToLocalStorage()

localStorage

localStorage