开箱即用！用 Rust 构建你自己的 JavaScript 运行时

扩展你的 JavaScript 运行时：更强大、更灵活的功能

在构建自定义 JavaScript 运行时的旅程中，第二步至关重要。本文将深入探讨扩展运行时的更多内容，解锁新的可能性。

1. 拥抱 Fetch API：从网络获取数据

Fetch API 是 JavaScript 的宝贵工具，可用于发送 HTTP 请求。通过实施这一功能，我们的运行时将能够与网络互动，检索数据并增强应用程序的能力。

1.1 构建 HttpService：HTTP 请求的骨干

为了封装 HTTP 请求的功能，我们将创建一个称为 HttpService 的结构体。其核心是一个 HttpClient 字段，负责发送请求。

struct HttpService {
    client: reqwest::Client,
}

1.2 实现 fetch：发送请求，获取结果

接下来，我们实现 fetch 函数，它是请求发送和响应接收的中枢。它接收一个 Request 对象，并返回一个包含响应数据的 Result 对象。

impl HttpService {
    async fn fetch(&self, request: Request) -> Result<Response, reqwest::Error> {
        self.client.execute(request).await
    }
}

1.3 在 JavaScript 中使用 Fetch API：解锁网络的力量

JavaScript 代码现在可以利用 fetch API 的强大功能：

const response = await fetch('https://example.com');
const data = await response.json();

2. 命令行参数：赋予用户控制权

为了增强灵活性，我们添加了从命令行读取文件路径的功能。这允许用户在运行脚本时指定特定文件，从而为运行时提供额外的输入。

2.1 解析命令行参数：获取用户输入

在 main 函数中，我们使用 std::env::args() 解析命令行参数。如果缺少必要的参数，我们将提供使用说明。

fn main() {
    let args: Vec<String> = std::env::args().collect();

    if args.len() != 2 {
        eprintln!("Usage: {} <script-file>", args[0]);
        std::process::exit(1);
    }

    let script_file = args[1].clone();
}

2.2 读取脚本文件：将命令行参数付诸实践

接下来，我们使用 std::fs::read_to_string() 读取指定的文件内容。然后，我们使用 JavaScriptCore::run_script() 执行脚本。

let script_content = std::fs::read_to_string(script_file)?;
JavaScriptCore::run_script(&script_content);

2.3 在 JavaScript 中使用命令行参数：访问用户提供的信息

JavaScript 代码可以通过 process.argv 对象访问命令行参数：

const script_file = process.argv[1];

3. TypeScript 和 TSX：解锁更高级的 JavaScript

TypeScript 作为 JavaScript 的超集，带来了强大的类型系统和更多高级特性。为了让我们的运行时更完整，我们添加了对 TypeScript 和 TSX 的支持。

3.1 安装 TypeScript 编译器：铺平道路

首先，我们需要安装 TypeScript 编译器，遵循其官方指南。

3.2 编译 TypeScript 代码：将类型优势带入 JavaScript

使用 tsc 命令，我们可以将 TypeScript 代码编译为 JavaScript。例如，以下命令编译 script.ts 文件：

tsc script.ts

编译后的 JavaScript 代码将保存在 script.js 文件中。

3.3 执行 TypeScript 代码：在运行时中利用类型化优势

编译后的 TypeScript 代码可以在运行时执行，就像任何其他 JavaScript 代码一样。例如，以下代码执行 script.js：

JavaScriptCore::run_script(&std::fs::read_to_string("script.js")?);

3.4 支持 TSX：拥抱 React 组件的力量

TSX 是一种用于编写 React 组件的语法，它本质上是带有 JSX 语法的 TypeScript。使用 Babel，我们可以将其编译为 JavaScript：

babel script.tsx --out-file script.js

编译后的代码将位于 script.js 文件中。

3.5 执行 TSX 代码：为 React 打开大门

编译后的 TSX 代码可以在运行时执行，就像编译后的 TypeScript 代码一样：

JavaScriptCore::run_script(&std::fs::read_to_string("script.js")?);

通过支持 TypeScript 和 TSX，我们的运行时扩展了其处理更多高级脚本的能力。

结论

本教程的第二部分进一步增强了我们的 JavaScript 运行时。通过实施 Fetch API、支持命令行参数以及添加对 TypeScript 和 TSX 的支持，我们已经赋予其更强大的功能和更高的灵活性。在下一部分，我们将继续完善运行时，添加更多令人兴奋的功能。

常见问题解答

1. 为什么需要自定义 JavaScript 运行时？

定制的运行时允许我们根据特定的需求和应用程序进行调整和优化，从而获得更高级别的控制和效率。

2. 如何处理 JavaScript 中的异常？

我们的运行时利用 JavaScriptCore 的异常处理机制，提供清晰的错误信息和堆栈跟踪。

3. 运行时是否支持模块？

我们正在努力支持模块系统，这将使加载和管理 JavaScript 模块成为可能。

4. 是否有计划支持更多 JavaScript 特性？

我们致力于扩展运行时以支持最新的 JavaScript 特性，保持与语言发展的同步。

5. 如何在不同平台上部署运行时？

我们的运行时设计为高度便携，可轻松部署在各种平台上，包括 Linux、macOS 和 Windows。