SAP UI5 应用程序小技巧 - 一键将 JSON 对象导出成本地 json 文件

发布网友发布时间：2024-09-26 17:27

共1个回答

热心网友时间：2024-10-16 11:29

在调试 SAP UI5 应用程序时，我们可能会遇到需要将 Chrome 开发者工具调试器中的 JSON 对象保存到本地的情况。这种需求可能基于多种原因，比如对象复杂难解，或是在浏览器关闭后数据消失的风险，导出本地文件方便后续研究或分享。

以“data”为例，如何将其导出为本地文件呢？一种方法是在 Chrome 开发者工具的 console 面板中执行 JSON.stringify(data)，将变量转换成 JSON 字符串，然后在本地新建一个 json 文件，手动拷贝内容并保存。

这里介绍一种更高效的方法：将图四所示的代码拷贝到 Chrome 开发者工具的 Console 面板，并执行。

该代码的复制链接为：bgrins.github.io/devtoo...

这段代码为浏览器环境中的 console 对象添加了一个 save 方法，接受两个参数：待导出的 JSON 对象名和本地 JSON 文件名。

在 Console 面板中输入 console.save(data, "1.json")，即可将 data 变量导出为本地 JSON 文件。

使用专业 JSON 查看器，如 JSON Viewer，可以深入研究 JSON 对象的结构。

此代码为匿名自执行函数（IIFE），具有私有作用域，可防止变量污染，实现作用域隔离和信息隐藏，这在 SAP UI5 框架源代码中使用广泛。

匿名自执行函数是 JavaScript 中常见的一种模式，也称为立即执行函数表达式（IIFE）。其基本形式为一个包裹在圆括号内的函数表达式，后跟另一对圆括号，形成一个立即执行的函数。由于函数是匿名的，因此没有函数名。匿名自执行函数常用于创建独立作用域，防止变量泄露到全局作用域，并执行其中的代码。

匿名自执行函数的用法多样，常见场景包括：

通过本文的实际例子，希望能让大家对 JavaScript 中的匿名自执行函数有一个直观的理解。