JavaScript 基础入门

1. 简介

1.1 JavaScript 是什么

JavaScript 是一种高效、轻量的编程语言，最初用于网页上的动态效果。它可以操控浏览器中的内容，使得网页不仅仅是静态的文字和图片，还可以有交互性。随着时间的推移，JavaScript 的功能变得越来越强大，从而逐步扩展到服务器端（如 Node.js）以及物联网、移动端等领域。

1.2 JavaScript 的历史

JavaScript 最初由网景公司（Netscape）于 1995 年推出，用于提高网页的互动性。尽管最初只是一门轻量级语言，但随着互联网的迅猛发展，JavaScript 逐渐成为网页前端的核心语言。如今，JavaScript 标准由 ECMA（欧洲计算机制造商协会）负责制定，每年发布一个版本更新，也称为 ECMAScript（ES）标准。

1.3 JavaScript 的应用场景

JavaScript 已不再仅限于网页，它被广泛应用于各个领域：

• 网页前端：通过 HTML、CSS 和 JavaScript 打造动态、响应式的用户界面。
• 服务器端：借助 Node.js，JavaScript 也可以在服务器端执行。
• 桌面应用：像 Electron.js 等框架允许使用 JavaScript 编写桌面应用。
• 物联网（IoT）：一些硬件设备支持 JavaScript 来实现编程控制。

2. 如何设置开发环境

2.1 浏览器控制台

不需要安装任何软件，可以直接在浏览器的控制台运行 JavaScript。按下 F12 打开开发者工具，并选择 “Console” 选项卡。这里可以输入并立即执行 JavaScript 代码，是非常方便的入门工具。

2.2 使用代码编辑器

为了更加高效地编写 JavaScript 代码，可以使用一些主流代码编辑器，例如：

• VS Code：功能强大且拥有丰富的插件支持，是前端开发的首选。
• Atom：界面友好，支持丰富的自定义。
• Sublime Text：轻量、快捷，适合写小型脚本。

2.3 安装 Node.js

Node.js 是一个 JavaScript 运行时，可以在服务器端执行 JavaScript 代码。安装 Node.js 之后，就可以在终端（或命令提示符）中使用 node 命令来执行 JavaScript 文件。安装步骤：

1. 访问 Node.js 官网 下载适合当前操作系统的版本。
2. 安装完毕后，打开终端（或命令提示符），输入 node -v，查看是否成功安装。

3. JavaScript 基本语法

3.1 变量

在 JavaScript 中，变量是用于存储数据的容器。可以通过 let、const 或 var 声明变量：

let name = 'Alice';   // 声明变量，赋值为字符串 'Alice'
const age = 25;       // 声明常量，赋值为数字 25
var city = 'New York';// 使用 var 声明变量，建议使用 let 代替

let 和 const 的区别

• let 声明的变量可以重新赋值，而 const 声明的变量不能重新赋值。
• let 和 const 的作用域为块级作用域，而 var 为函数作用域，不建议使用。

3.2 数据类型

JavaScript 拥有六种基本数据类型以及对象类型：

1. Number：数字类型，如 3 或 3.14
2. String：字符串类型，如 "Hello, World!"
3. Boolean：布尔值类型，只有 true 和 false
4. Undefined：未定义类型
5. Null：空类型，表示“无”
6. Symbol：符号类型，ES6 新增，用于生成唯一标识符
7. Object：对象类型，用于存储复杂数据结构

let price = 100;               // Number
let product = "JavaScript书籍";  // String
let isAvailable = true;         // Boolean
let unknown;                    // Undefined
let emptyValue = null;          // Null

3.3 运算符

JavaScript 提供了丰富的运算符，以便对变量和数据进行操作：

• 算术运算符：+、-、*、/、%
• 比较运算符：>、<、>=、<=、\==、===
• 逻辑运算符：&&、||、!

let a = 5;
let b = 10;
console.log(a + b);  // 输出 15
console.log(a > b);  // 输出 false
console.log(a === b);// 严格比较，输出 false

3.4 字符串操作

字符串是由字符组成的文本序列，可以通过双引号 "、单引号 ' 或反引号 ` 来表示：

let greeting = "Hello, JavaScript!";
let name = 'Alice';
let welcomeMessage = `Hello, ${name}!`; // 模板字符串，支持变量插入

3.5 注释

注释用于描述代码逻辑，帮助理解代码：

• 单行注释：以 // 开头
• 多行注释：以 /* 开头，*/ 结尾

// 这是一个单行注释
/* 这是一个
   多行注释 */