Skip to content

JavaScript 概述

了解 JavaScript 是什么、在哪里运行,以及它对现代 Web 开发为何不可或缺。

你将学到

  • JavaScript 是什么,以及它的运行环境(浏览器、服务器、边缘)
  • JavaScript 为何对交互式网页至关重要
  • JavaScript 与 Java 及其他语言的区别
  • JavaScript 引擎(V8、SpiderMonkey、JavaScriptCore)的作用

概念讲解

什么是 JavaScript?

JavaScript 是一种高级、解释执行的编程语言,最初只在浏览器中运行。如今它已成为全球使用最广泛的语言之一,驱动着从前端交互 UI 到后端服务器、移动应用、桌面应用甚至嵌入式设备的方方面面。

JavaScript 的运行环境

  • 浏览器:每个现代浏览器(Chrome、Firefox、Safari、Edge)都内置 JavaScript 引擎。Chrome 使用 V8,Firefox 使用 SpiderMonkey,Safari 使用 JavaScriptCore。
  • 服务器:Node.js 使用同一个 V8 引擎在浏览器之外运行 JavaScript,让你可以构建后端服务、命令行工具和构建工具。
  • 边缘与嵌入式:Cloudflare Workers、Deno 和 Bun 在网络边缘或轻量运行时中运行 JavaScript。

为什么 JavaScript 不可或缺

HTML 定义结构,CSS 定义外观,JavaScript 定义行为。没有 JavaScript,网页就是静态的——你无法响应点击、验证表单、获取新数据或为元素添加动画。JavaScript 是所有浏览器原生支持的唯一编程语言,因此它是 Web 的通用语言。

JavaScript 与 Java 的区别

尽管名字相似,JavaScript 和 Java 是完全不同的语言,由不同公司为不同目的设计。Java 是静态类型、编译型语言,运行在 Java 虚拟机(JVM)上;JavaScript 是动态类型、解释型语言,运行在 JS 引擎中。"JavaScript" 这个名字是 1995 年为了蹭 Java 热度的营销决策。

简史

JavaScript 由 Brendan Eich 于 1995 年在 Netscape 用十天时间创造。它以 ECMAScript(ES)的名义被标准化。重要里程碑包括 ES5(2009)、ES6/ES2015(一次巨大飞跃,新增了 let、const、箭头函数、类和 Promise),以及现在的年度发布节奏。

示例代码

              // JavaScript 可以在浏览器控制台、Node.js 和许多其他运行时中执行。
console.log("Hello from JavaScript!");

// JavaScript 可以直接进行数学运算、字符串处理和逻辑判断。
const greeting = "Welcome to CoderNewbie";
const year = new Date().getFullYear();
console.log(`${greeting} — ${year}`);

// 浏览器控制台里的一切都是 JavaScript。
console.log("1 + 2 =", 1 + 2);
console.log("Type of 42 is", typeof 42);

将这段代码粘贴到浏览器控制台(F12 → Console),或用 Node.js 运行。console.log() 会将内容输出到标准输出——在浏览器中是开发者控制台,在 Node.js 中是终端。

动手试一试

  • JSON Formatter

    JavaScript 对象长得像 JSON——练习格式化它们。

  • Regex Tester

    JavaScript RegExp 在 Web 代码中无处不在——在线试试。

常见错误

错误写法

把 Java 和 JavaScript 混为一谈

正确做法

它们是完全不同的语言。JavaScript 运行在浏览器和 Node.js 中;Java 运行在 JVM 上。相似的名字只是 1995 年的营销噱头。

错误写法

以为 JavaScript 只能在浏览器中运行

正确做法

Node.js、Deno 和 Bun 可以在服务器和网络边缘运行 JavaScript。同一种语言同时驱动前端和后端代码。

相关资源

相关代码片段

相关速查表

查阅不认识的术语

新手友好的术语表用大白话解释编程术语——变量、函数、DOM、Promise 等等。

查看术语表

动手做项目

通过引导式项目应用所学，含起始代码与解决方案。

查看项目

解读错误信息

用大白话解释常见错误——什么意思、为什么发生、如何修复。

查看错误