跳到正文

JavaScript

中级通用

JavaScript 是一种编程语言,常用来让网页响应用户操作,也能在服务器等环境运行。它解决了页面只展示内容、无法处理交互和数据的问题,比如输入搜索词后更新结果列表。

你可能会说:「我想让网站上的搜索框能边输入边更新结果,还能提示用户正在加载。」

读之前建议先了解

要点

  1. 1

    让页面响应用户操作

    你点击按钮、输入文字或切换标签页时,JavaScript 可以接收这些操作,再修改页面内容。比如用户选了商品规格,页面随即更新价格,而不必跳到另一个页面。

  2. 2

    连接界面与外部数据

    页面需要展示订单状态时,JavaScript 可以向后端请求数据,再把结果呈现出来。因为请求可能需要时间,我们通常还会用它处理加载中、失败和重试这些状态。

  3. 3

    运行位置不只在浏览器

    浏览器里的 JavaScript 常负责页面交互;借助 Node.js,它也能在服务器上处理请求或运行开发工具。所以你让 AI 写 JavaScript 时,最好说清代码要在哪个环境运行。

容易混淆的地方

JavaScript 和 Java 名字相近,但它们是不同的编程语言,不能把一段代码直接当作另一种来运行。TypeScript 则与 JavaScript 关系更近:它在 JavaScript 基础上增加类型检查,通常要转换为 JavaScript 后再运行。你和 AI 沟通时,先确认项目实际使用哪一种。

什么时候用

适合用

  • 做后台筛选器:用户改变筛选条件后,立即更新列表,并展示加载或失败状态。
  • 做 AI 聊天页面:用户提交问题后,请求服务端接口,并逐步显示返回的内容。
  • 用 Node.js 编写开发脚本:批量检查项目中的数据文件并生成报告。

不适合用

  • 只做一篇内容固定、无需交互的介绍页时,HTML 和 CSS 就能完成展示,不必为了页面能打开而加入 JavaScript。
  • 需要编写只能在原生 iOS 或 Android 项目中运行的界面代码,且不使用跨平台框架时,选 Swift 或 Kotlin 更贴合项目。

练一练

你在做订单后台:运营点击“刷新状态”后,页面要从服务端获取最新订单状态并更新当前列表。该让 AI 如何实现?

让 AI 帮你做

请用项目现有的 JavaScript 技术栈实现订单列表的“刷新状态”功能:点击后请求现有接口,更新当前列表,并分别显示加载、成功和失败状态。先确认接口与运行环境,再修改代码;不要只做按钮的视觉变化。

接下来学什么