JavaScript 是一种广泛使用的编程语言，通常在前端开发中使用。在很多情况下，我们需要从 JavaScript 文件中读取数据以进行后续操作。本文将介绍如何通过 JavaScript 代码从 JavaScript 文件中读取数据。
读取 JSON 格式文件
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于前后端之间的数据传输。如果要从一个 JSON 格式的 JavaScript 文件中读取数据，可以使用 XMLHttpRequest 或 fetch 方法来异步获取文件内容，并使用 JSON.parse() 方法解析文件内容。
-- -------------------- ---- -------
-- -- -------------- --------
----- --- - --- -----------------
--------------- -------------
---------------------- - ---------- -
-- --------------- --- - -- ---------- --- ---- -
----- ---- - -----------------------------
------------------
-
-
-----------
-- -- ----- ----------
------------------
-------------- -- ----------------
---------- -- -------------------读取普通文本文件
如果要从一个普通的文本文件中读取数据，可以使用 XMLHttpRequest 或者 fetch 方法来异步获取文件内容，并直接使用返回的字符串即可。
-- -------------------- ---- -------
-- -- -------------- --------
----- --- - --- -----------------
--------------- ------------
---------------------- - ---------- -
-- --------------- --- - -- ---------- --- ---- -
----- ---- - -----------------
------------------
-
-
-----------
-- -- ----- ----------
-----------------
-------------- -- ----------------
---------- -- -------------------注意事项
- 在使用
XMLHttpRequest或者fetch方法时，需要注意浏览器的跨域问题。如果要读取另一个域名下的文件，需要在服务端设置 CORS（Cross-Origin Resource Sharing）规则。 - 在使用
fetch方法时，需要注意兼容性问题。如果要兼容低版本浏览器，可以使用类似 whatwg-fetch 的 polyfill 库。
结论
JavaScript 是一种非常强大的语言，在前端开发中扮演着重要角色。从 JavaScript 文件中读取数据是前端开发中的基本操作之一。通过本文介绍的方法，你可以轻松地从 JavaScript 文件中读取数据，并用于后续的操作。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/9954