JavaScript 教程

JavaScript 是一种轻量级的编程语言，是 Web 开发的核心技术之一。它可以为网页添加交互功能，让网页"动"起来。

什么是 JavaScript？

JavaScript 是一种脚本语言，最初由 Netscape 公司的 Brendan Eich 在 1995 年创造。它具有以下特点：

解释型语言：代码不需要编译，由浏览器直接解释执行
动态类型：变量的类型在运行时确定
弱类型：不同类型之间可以自动转换
基于原型：使用原型链实现继承
多范式：支持面向对象、函数式、事件驱动等编程风格

JavaScript 能做什么？

操作网页内容：修改 HTML 元素、改变 CSS 样式
响应用户操作：处理点击、输入、滚动等事件
发送网络请求：与服务器通信，获取或发送数据
存储数据：使用 localStorage、sessionStorage 存储数据
创建动画：实现各种视觉效果
开发复杂应用：单页应用（SPA）、游戏、工具等

JavaScript 与 Java 的区别

虽然名字相似，但 JavaScript 和 Java 是两种完全不同的语言：

特性	JavaScript	Java
类型	脚本语言，解释执行	编程语言，编译执行
运行环境	浏览器 / Node.js	JVM（Java虚拟机）
类型系统	动态弱类型	静态强类型
面向对象	基于原型	基于类
用途	Web开发、服务端	企业应用、Android

学习路径

本教程按照以下顺序组织，建议按顺序学习：

入门 - JavaScript 简介与基本使用
变量与数据类型 - 变量声明、数据类型、类型转换
运算符 - 算术、比较、逻辑、赋值运算符
流程控制 - 条件语句、循环语句
函数 - 函数定义、参数、作用域、闭包
数组 - 数组创建、常用方法、遍历
对象 - 对象创建、属性操作、this 关键字
DOM 操作 - 获取元素、修改内容、操作样式
事件处理 - 事件绑定、事件对象、事件委托
BOM 与定时器 - 浏览器对象模型、定时任务
ES6+ 新特性 - let/const、箭头函数、解构、模块化
异步编程 - 回调函数、Promise、async/await

开发工具

浏览器开发者工具

现代浏览器都内置了开发者工具，是学习和调试 JavaScript 的必备工具：

Chrome：按 F12 或 Ctrl+Shift+I 打开
Firefox：按 F12 打开
Edge：按 F12 打开

开发者工具主要功能：

Console：执行 JavaScript 代码，查看输出
Sources：查看和调试源代码
Network：查看网络请求
Application：查看存储数据

代码编辑器

推荐使用以下编辑器：

Visual Studio Code：免费、功能强大、插件丰富
WebStorm：JetBrains 出品，功能全面
Sublime Text：轻量快速

第一个 JavaScript 程序

让我们来写第一个 JavaScript 程序：

html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>第一个 JavaScript 程序</title>
</head>
<body>
    <h1>我的第一个 JavaScript 程序</h1>
    
    <!-- 方式一：内联脚本 -->
    <script>
        // 在控制台输出信息
        console.log('Hello, JavaScript!');
        
        // 弹出提示框
        alert('欢迎学习 JavaScript！');
        
        // 在页面上写入内容（不推荐在实际开发中使用）
        document.write('<p>这是通过 JavaScript 写入的内容</p>');
    </script>
    
    <!-- 方式二：外部脚本文件 -->
    <!-- <script src="script.js"></script> -->
</body>
</html>

小结

本章介绍了 JavaScript 的基本概念：

JavaScript 是 Web 开发的核心技术之一
它是一种解释型、动态类型的脚本语言
可以操作网页、响应用户操作、发送网络请求
浏览器开发者工具是学习和调试的重要工具

JavaScript 教程 ​

什么是 JavaScript？ ​

JavaScript 能做什么？ ​

JavaScript 与 Java 的区别 ​

学习路径 ​

开发工具 ​

浏览器开发者工具 ​

代码编辑器 ​

第一个 JavaScript 程序 ​

小结 ​