Kotlin/JS 概述

Kotlin/JS 提供了转换 Kotlin 代码、Kotlin 标准库的能力，并且兼容 JavaScript 的任何依赖项。Kotlin/JS 的当前实现以 ES5 为目标。

使用 Kotlin/JS 的推荐方法是通过 kotlin.js 与 kotlin.multiplatform Gradle 插件。它们提供了一种集中与便捷的方式来设置与控制以 JavaScript 为目标的 Kotlin 项目。 这包括基本特性，例如控制应用程序的捆绑，直接从 npm 添加 JavaScript 依赖项等等。要获得可用选项的概述，请查看搭建 Kotlin/JS 项目文档。

Kotlin/JS 的一些用例

有很多可以使用 Kotlin/JS 的方法。为了给出一些启发，这里列出了可以使用 Kotlin/JS 的各种情况。

  • 使用 Kotlin/JS 编写 Web 前端应用程序
    • Kotlin/JS 允许以类型安全的方式 利用功能强大的浏览器与 Web API。创建、修改文档对象模型（DOM）中的元素并与之交互，使用 Kotlin 代码控制 canvas 或 WebGL 组件的呈现，并享受对现代浏览器支持的更多功能的访问。
    • 使用 JetBrains 提供的 kotlin-wrappers 用 Kotlin/JS 编写完整的，类型安全的 React 应用程序，它为最流行的 JavaScript 框架之一提供方便的抽象与深度集成。kotlin-wrappers 还为许多类似技术（例如 react-redux、react-router 或 styled-components）提供支持。与 JavaScript 生态系统的互操作性还意味着可以使用第三方 React 组件与组件库。
    • 或者，使用 社区维护的 Kotlin/JS 框架，充分利用 Kotlin 相关概念、其表现力与简洁性（例如 kvision 或 fritz2）。
  • 使用 Kotlin/JS 编写服务器端与无服务器应用程序
    • Kotlin/JS 提供的 Node.js 目标能够创建在服务器上运行或在无服务器基础架构上执行的应用程序。可以享受与其他在 JavaScript 运行时中执行的应用程序相同的优势，例如更快的启动速度与更少的内存占用。使用 kotlinx-nodejs，可以直接从 Kotlin 代码中对 Node.js API 进行类型安全的访问。
  • 使用 Kotlin 的多平台项目与其他 Kotlin 目标共享代码
    • 使用 multiplatform 多平台 Gradle 插件时，也可以访问所有 Kotlin/JS 功能。
    • 如果有用 Kotlin 编写的后端，那么可以与用 Kotlin/JS 编写的前端共享公共代码，例如数据模型或逻辑验证，从而允许编写与维护全栈 Web 应用程序。
    • 还可以在 Web 界面与移动应用之间共享业务逻辑（Android 与 iOS），并避免重复实现常见的功能，例如围绕 REST API 端点提供抽象，用户身份验证或域模型。
  • 创建用于 JavaScript 与 TypeScript 的库
    • 也不必用 Kotlin/JS 编写整个应用程序——可以从 Kotlin 代码生成库，这些库可以在 JavaScript 或 TypeScript 编写的任何代码库中作为模块使用，而与所使用的其他框架或技术无关。这种创建混合应用程序的方法可以利用个人与团队在 Web 开发方面已经具备的能力，同时减少重复的工作量，并使 Web 目标与应用程序的其他目标平台保持一致变得更加容易。

当然，这并不是如何充分利用 Kotlin/JS 的完整列表，仅是精选的案例。请尝试这些用例的组合，并找出最适合项目的方案。

无论具体用例如何，Kotlin/JS 项目都可以使用兼容Kotlin 生态系统中的库，以及第三方的JavaScript 与 TypeScript 生态系统中的库。要使用 Kotlin 代码中的后者，可以提供自己的类型安全包装器，使用社区维护的包装器，也可以让 Dukat 自动生成 Kotlin 声明。使用 Kotlin/JS 专有的动态类型可以放宽 Kotlin 的类型系统的约束，从而允许跳过创建详细的库包装器——以类型安全为代价。

Kotlin/JS 还与最常见的模块系统兼容：UMD、CommonJS 与 AMD。能够生产与使用模块意味着能够以结构化的方式与 JavaScript 生态系统进行交互。

Kotlin/JS 今天与明天

想进一步了解 Kotlin/JS 吗？

在这个视频中，Kotlin 开发者布道师 Sebastian Aigner 将为你解释 Kotlin/JS 的主要优点、分享一些技巧与使用场景，并介绍 Kotlin/JS 的计划与即将发布的特性。

在 bilibili | YouTube 上看。

Kotlin/JS 入门

如果不熟悉 Kotlin，那么第一步最好是熟悉该语言的基本语法。

要开始将 Kotlin 用于 JavaScript，请参考搭建 Kotlin/JS 项目，或者从下一部分中选择动手实验进行操作。

Kotlin/JS 实践实验室

实践实验室是一种长形式的教程，通过一个与特定主题相关的独立项目来帮助了解一种技术。

它们包括示例项目，这些示例项目可用作自己的项目的起点，并包含有用的代码片段与模式。

对于 Kotlin/JS，当前有以下实践实验：

  • 使用 React 与 Kotlin/JS 构建 Web 应用程序将指导完成使用 React 框架构建简单 Web 应用程序的过程，展示用于 HTML 的类型安全的 Kotlin DSL 如何使构建响应式 DOM 元素更加方便，并说明了如何使用第三方 React 组件，以及如何从 API 获取信息，同时使用纯 Kotlin/JS 编写整个应用程序逻辑。

  • 使用 Kotlin 多平台构建全栈 Web 应用通过构建使用公共代码、序列化与其他多平台范式的客户端服务器应用程序，讲授了构建针对 Kotlin/JVM 与 Kotlin/JS 的应用程序的概念。它还简要介绍了如何将 Ktor 作为服务器与客户端框架使用。

新的 Kotlin/JS IR 编译器

新的 Kotlin/JS IR 编译器（当前稳定性：Alpha）相对于当前的默认编译器进行了许多改进。例如，通过消除死代码来减小生成的可执行文件的体积，并使与 JavaScript 生态系统及其工具的互操作更加流畅。通过从 Kotlin 代码生成 TypeScript 声明文件（d.ts），新的编译器使创建混合 TypeScript 与 Kotlin 代码的“混合”应用程序变得更加容易，并利用 Kotlin 多平台代码共享功能。

要了解有关新 Kotlin/JS IR 编译器中可用特性的更多信息，以及如何在项目中尝试使用它，请访问其文档。

加入 Kotlin/JS 社区

还可以在官方 Kotlin Slack 中加入 #javascript 频道，并与社区和团队聊天。