你可能会说
我想让这个按钮点一下弹个提示框,鼠标移上去变个颜色。
JavaScript 是网页的编程语言,赋予页面交互能力——响应事件、操作 DOM、请求数据、动态更新界面。
网页的「大脑」。让网页能「动起来」——点击按钮弹出窗口、输入文字实时搜索、滚动加载更多内容,这些交互逻辑都是 JavaScript 在背后运行。
生活类比
HTML 是人的骨架,CSS 是外貌穿着,JavaScript 是神经系统——让你能思考、能反应。
🎮 动手试试
👇 点击按钮体验 JavaScript 的状态管理和数组操作
以下哪个声明方式定义的变量不能被重新赋值?
你可以这样告诉 AI
帮我用 JavaScript 实现:点击按钮后,下方内容区淡入显示,同时按钮变成「收起」状态。
名字像但完全不同。Java 是后端/企业级语言,JavaScript 是浏览器脚本语言。
TypeScript = JavaScript + 类型系统。TS 编译后就是 JS,多了类型检查更安全。
用户交互
点击、输入、拖拽、滚动等事件响应
动态更新
不刷新页面就更新内容(AJAX / Fetch)
数据处理
表单验证、数据转换、计算逻辑
纯静态展示
如果页面不需要交互,纯 HTML + CSS 就够了
高性能计算
图像/视频处理、大规模计算考虑 WebAssembly 或后端
存储数据的容器:let(可变)、const(不可变)
可复用的代码块,接收输入、返回输出
用 JS 增删改查页面元素
用户行为的信号:click、input、scroll、keydown
JS 的超集,添加静态类型,大型项目首选
React 使用的语法扩展,在 JS 里写类 HTML 标签
让 JS 跑在服务器上,不只是浏览器