变量与数据类型

什么是 JavaScript？

JavaScript 是一种轻量级的编程语言，主要用于为网页添加交互性。它是 Web 开发的三大核心技术之一（HTML、CSS、JavaScript）。

第一个 JavaScript 程序

让我们从最经典的 “Hello, World!” 开始：

// 在控制台输出消息
console.log("Hello, World!");

// 在网页上显示消息
alert("欢迎来到 JavaScript 世界！");

变量声明

JavaScript 有三种声明变量的方式：

// const - 声明常量（不可重新赋值）
const PI = 3.14159;

// let - 声明可变变量
let age = 25;
age = 26; // 可以重新赋值

// var - 旧式声明（不推荐使用）
var name = "张三";

数据类型

JavaScript 有以下基本数据类型：

// 字符串
let message = "Hello, 世界！";

// 数字
let count = 42;
let price = 19.99;

// 布尔值
let isActive = true;
let isComplete = false;

// 数组
let fruits = ["苹果", "香蕉", "橙子"];

// 对象
let person = {
  name: "李四",
  age: 30,
  city: "北京"
};

// 空值
let empty = null;
let notDefined = undefined;

💡 小贴士：JavaScript 是动态类型语言，变量的类型可以在运行时改变。但在实际开发中，建议保持类型一致，以避免潜在的错误。

函数

函数是 JavaScript 中的一等公民，有多种定义方式：

// 函数声明
function greet(name) {
  return `你好，${name}！`;
}

// 箭头函数（ES6+）
const greet2 = (name) => {
  return `你好，${name}！`;
};

// 简化的箭头函数
const greet3 = name => `你好，${name}！`;

// 使用函数
console.log(greet("王五"));      // 输出: 你好，王五！
console.log(greet2("赵六"));     // 输出: 你好，赵六！
console.log(greet3("孙七"));     // 输出: 你好，孙七！

条件语句

let score = 85;

// if-else 语句
if (score >= 90) {
  console.log("优秀");
} else if (score >= 60) {
  console.log("及格");
} else {
  console.log("不及格");
}

// 三元运算符
let result = score >= 60 ? "通过" : "未通过";

循环

// for 循环
for (let i = 0; i < 5; i++) {
  console.log(`第 ${i + 1} 次循环`);
}

// for...of 循环（遍历数组）
let fruits = ["苹果", "香蕉", "橙子"];
for (let fruit of fruits) {
  console.log(fruit);
}

// for...in 循环（遍历对象）
let person = { name: "李四", age: 30 };
for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

🎯 练习时间

试着完成以下练习来巩固你学到的知识：

创建一个计算两个数之和的函数
编写一个判断数字是奇数还是偶数的函数
使用循环输出 1 到 100 之间的所有偶数

下一步

恭喜你完成了 JavaScript 基础的学习！接下来你可以：

深入了解 DOM 操作，学习如何与网页元素交互
学习 ES6+ 新特性，掌握现代 JavaScript 语法
探索 异步编程，理解 Promise 和 async/await
开始学习前端框架，如 React 或 Vue

继续保持学习的热情，编程的世界等你探索！