JavaScript 用法详细讲解：从基础到进阶

目录

一、JavaScript 环境搭建

（一）浏览器环境

（二）Node.js 环境

二、JavaScript 基础语法

（一）基本数据类型

（二）变量与常量

（三）控制流

1. 条件语句

2. 循环语句

（四）函数

三、对象与数组

（一）对象

（二）数组

四、ES6 新特性

（一）箭头函数

（二）模板字符串

（三）解构赋值

（四）Promise

五、异步编程

（一）async/await

六、模块化开发

（一）CommonJS 模块系统

（二）ES6 模块系统

七、高级特性

（一）类

（二）继承

（三）迭代器与生成器

八、总结

---

JavaScript 是一种广泛使用的编程语言，主要用于网页交互和动态效果的实现。它不仅可以用于前端开发，还可以通过 Node.js 实现服务器端编程。本文将详细介绍 JavaScript 的基本语法、核心特性、常用功能以及一些高级用法，帮助你快速掌握 JavaScript 的开发技能。

一、JavaScript 环境搭建

（一）浏览器环境

浏览器是运行 JavaScript 的最常见环境。你可以直接在浏览器的控制台中运行 JavaScript 代码。

（二）Node.js 环境

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，允许你在服务器端运行 JavaScript。

1. 安装 Node.js：

   • 访问 Node.js 官方网站，下载并安装 Node.js。

   • 安装完成后，打开命令行工具，输入以下命令验证安装版本：

     bash复制

     node -v
     npm -v

2. 创建项目：

   • 创建一个新项目目录：

     bash复制

     mkdir my-js-project
     cd my-js-project

   • 初始化项目：

     bash复制

     npm init -y

二、JavaScript 基础语法

（一）基本数据类型

JavaScript 提供了多种基本数据类型，包括数字、字符串、布尔值、null、undefined 和 Symbol。

JavaScript复制

let number = 10;          // 数字
let decimal = 10.5;       // 浮点数
let str = "Hello, JS!";   // 字符串
let isTrue = true;        // 布尔值
let obj = null;           // null
let undef = undefined;    // undefined

（二）变量与常量

变量用于存储数据，而常量的值在程序运行过程中不能改变。

JavaScript复制

let count = 10;           // 变量
const MAX = 100;          // 常量

（三）控制流

JavaScript 提供了丰富的控制流语句，包括条件语句和循环语句。

1. 条件语句

JavaScript复制

let age = 18;
if (age >= 18) {
    console.log("You are an adult.");
} else {
    console.log("You are a minor.");
}

2. 循环语句

JavaScript复制

// for 循环
for (let i = 0; i < 5; i++) {
    console.log(i);
}

// while 循环
let count = 0;
while (count < 5) {
    console.log(count);
    count++;
}