如何用ktor-client-js 2.x实现无过多样板代码的同步HTTP请求

场景说明 #

以下代码使用ktor-client-js的get方法发起的是异步HTTP请求：

import io.ktor.client.request.*
...
val response: HttpResponse = client.get("https://example.com/version")

问题 #

如何在不编写大量样板代码的情况下实现同步请求？我找不到可行方案，似乎kotlin-js并不支持同步选项。

补充说明 #

1. 编译器要求client.get必须在挂起方法内调用。
2. 可正常运行的协程代码：
   
3. 移除协程后的报错情况：
   

目前需要创建协程并编写样板代码等待结果，如何简化这一流程？

解决方案 #

首先明确：Kotlin/JS运行的浏览器环境本身不推荐同步HTTP请求（现代浏览器已逐步禁用主线程的同步XHR），但可以通过封装工具函数减少协程样板代码，实现类似“同步”的调用体验：

1. 封装同步调用工具函数 #

创建顶层工具函数，用runBlocking包裹挂起函数调用，屏蔽协程细节：

import kotlinx.coroutines.runBlocking

// 通用同步执行封装函数
fun <T> runSync(block: suspend () -> T): T = runBlocking {
    block()
}

2. 简化请求调用 #

之后发起请求时直接调用该工具函数，无需每次手动创建协程：

// 简化后的同步风格调用
val response = runSync {
    client.get("https://example.com/version")
}

注意事项 #

• runBlocking会阻塞当前线程（浏览器主线程），可能导致页面卡顿、无响应，仅建议在非UI场景或特殊需求下使用。
• 若运行在Node.js环境的Kotlin/JS，即便Node有同步HTTP API，ktor-client-js仍基于异步封装，同样需要通过上述协程包装方式简化代码。

内容的提问来源于stack exchange，提问作者John John