Env.js in React (.tsx) Demo

脚本执行日志:

\n {/* 使用

 标签来保留换行和空格 */}\n          {logs.join('\\n')}
\n

\n );\n}\n\nexport default App;",[132],"5b278374-6ea2-11f0-a4c8-0224a6c84d84","envHelper.tsx","5a7e4bfa-6e8a-11f0-b415-0224a6c84d84",16,true,["D",1754030404146],8,"/**\n * @fileoverview Env.js - 适配浏览器/React环境的通用脚本环境类\n * 核心功能适配:\n * - 持久化存储: 使用浏览器的 localStorage\n * - HTTP 请求: 使用浏览器的 fetch API\n */\n\n// 这个类不依赖 React，但我们将其放在 .tsx 文件中以满足项目结构要求\n// 它可以被任何 JavaScript/TypeScript 环境使用\n\nexport class Env {\n public name: string;\n public logs: string[];\n\n private logLevels: { [key: string]: number };\n private logLevelPrefixs: { [key: string]: string };\n private logLevel: string;\n private logSeparator: string;\n private startTime: number;\n\n constructor(name: string, opts?: object) {\n this.name = name;\n this.logs = [];\n this.logLevels = { debug: 0, info: 1, warn: 2, error: 3 };\n this.logLevelPrefixs = {\n debug: \"[DEBUG] \",\n info: \"[INFO] \",\n warn: \"[WARN] \",\n error: \"[ERROR] \",\n };\n this.logLevel = \"info\";\n this.logSeparator = \"\\n\";\n this.startTime = new Date().getTime();\n Object.assign(this, opts);\n\n this.log(`🔔 ${this.name}, 开始!`);\n }\n\n // --- Helper Functions ---\n toObj(str: string, defaultValue: any = null) {\n try {\n return JSON.parse(str);\n } catch {\n return defaultValue;\n }\n }\n\n toStr(obj: any, defaultValue: string | null = null, ...args: any) {\n try {\n return JSON.stringify(obj, ...args);\n } catch {\n return defaultValue;\n }\n }\n\n /**\n * Lodash Get - 安全地从嵌套对象中获取值\n */\n private lodash_get(source: any, path: string, defaultValue: any = undefined) {\n const paths = path.replace(/\\[(\\d+)\\]/g, \".$1\").split(\".\");\n let result = source;\n for (const p of paths) {\n result = Object(result)[p];\n if (result === undefined) {\n return defaultValue;\n }\n }\n return result;\n }\n\n /**\n * Lodash Set - 安全地向嵌套对象中设置值\n */\n private lodash_set(obj: any, path: string, value: any) {\n if (Object(obj) !== obj) return obj;\n if (!Array.isArray(path)) path = path.toString().match(/[^.[\\]]+/g) || [];\n path\n .slice(0, -1)\n .reduce(\n (a, c, i) =>\n Object(a[c]) === a[c]\n ? a[c]\n : (a[c] = Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}),\n obj,\n )[path[path.length - 1]] = value;\n return obj;\n }\n\n // --- Core Browser-Adapted Functions ---\n\n /**\n * 使用 localStorage 获取持久化数据\n * @param {string} key\n * @returns {string | null}\n */\n getval(key: string): string | null {\n return localStorage.getItem(key);\n }\n\n /**\n * 使用 localStorage 设置持久化数据\n * @param {string} val\n * @param {string} key\n * @returns {boolean}\n */\n setval(val: string, key: string): boolean {\n try {\n localStorage.setItem(key, val);\n return true;\n } catch (e) {\n this.logErr(e as Error, \"localStorage setItem failed\");\n return false;\n }\n }\n\n /**\n * 获取数据，支持 @ 符号读取嵌套 JSON\n * @param {string} key\n * @returns {any}\n */\n getdata(key: string): any {\n let val: any = this.getval(key);\n if (/^@/.test(key)) {\n const [, objkey, paths] = /^@(.*?)\\.(.*?)$/.exec(key) as string[];\n const objvalStr = objkey ? this.getval(objkey) : null;\n if (objvalStr) {\n try {\n const objedval = JSON.parse(objvalStr);\n val = this.lodash_get(objedval, paths, \"\");\n } catch (e) {\n val = \"\";\n }\n }\n }\n return val;\n }\n\n /**\n * 设置数据，支持 @ 符号设置嵌套 JSON\n * @param {any} val\n * @param {string} key\n * @returns {boolean}\n */\n setdata(val: any, key: string): boolean {\n if (/^@/.test(key)) {\n const [, objkey, paths] = /^@(.*?)\\.(.*?)$/.exec(key) as string[];\n const objdatStr = this.getval(objkey);\n const objval = objdatStr ? JSON.parse(objdatStr) : {};\n this.lodash_set(objval, paths, val);\n return this.setval(JSON.stringify(objval), objkey);\n } else {\n const valueStr = typeof val === \"object\" ? JSON.stringify(val) : String(val);\n return this.setval(valueStr, key);\n }\n }\n\n /**\n * 封装的 fetch 请求 (async)\n * @param {object | string} opts - 请求选项，类似 fetch 的 options\n * @param {string} method - 'GET', 'POST', etc.\n * @returns {Promise

Diff · v18