JavaScript初识及基本语法详解

JavaScript 是一种轻量级的解释型或即时编译型的编程语言。它最初被设计为在浏览器中用于与网页进行交互，但随着时间的推移，它已经成为了后端开发、游戏开发、桌面应用开发等多个领域的重要工具。

1. JavaScript 初识

1.1 历史与用途

• 历史：由 Brendan Eich 在 1995 年开发，最初是为了在浏览器中实现动态网页效果。
• 用途：
  • 网页交互：响应点击、滚动、拖拽等事件。
  • 动画效果：创建平滑的动画和过渡。
  • 数据处理：操作和处理 JSON 数据。
  • 游戏开发：使用库如 Phaser 或 Three.js 创建游戏。
  • 后端开发：通过 Node.js 运行在服务器端。

1.2 运行环境

• 浏览器：最常见的 JavaScript 运行环境，与 HTML 和 CSS 一起构建网页。
• Node.js：允许 JavaScript 在服务器端运行，使其成为全栈开发语言。

2. 基本语法详解

2.1 变量与数据类型

• 变量声明：使用 let 或 const（常量，值不可变）。

let name = "Alice";
const PI = 3.14159;

• 数据类型：
  • Number：数字，包括整数和浮点数。
  • String：文本。
  • Boolean：逻辑值，true 或 false。
  • Object：复杂数据类型，包括数组、函数等。
  • null：表示空或不存在的值。
  • undefined：未定义的值。

2.2 运算符

• 算术运算符：+, -, *, /, %（取余）。
• 比较运算符：==, ===（严格相等），!=, !==（严格不等），<, >, <=, >=。
• 逻辑运算符：&&（与），||（或），!（非）。

2.3 条件语句

• if-else：

if (condition) {
  // do something
} else {
  // do something else
}

• switch：

switch (variable) {
  case value1:
    // do something
    break;
  case value2:
    // do something else
    break;
  default:
    // default action
}

2.4 循环语句

• for：

for (let i = 0; i < 10; i++) {
  // loop body
}

• while：

let i = 0;
while (i < 10) {
  // loop body
  i++;
}

• do-while：

let i = 0;
do {
  // loop body
  i++;
} while (i < 10);

2.5 函数

• 定义函数：

function greet(name) {
  console.log("Hello, " + name + "!");
}

• 调用函数：

greet("Bob");  // 输出 "Hello, Bob!"

2.6 数组与对象

• 数组：

let fruits = ["apple", "banana", "cherry"];
fruits.push("date");  // 添加元素

• 对象：

let person = {
  name: "Alice",
  age: 30,
  greet: function() {
    console.log("Hello, my name is " + this.name);
  }
};
person.greet();  // 输出 "Hello, my name is Alice"

3. 总结

JavaScript 是一种功能强大的编程语言，具有灵活、易学、用途广泛等特点。通过掌握其基本语法和特性，你可以开发出各种有趣的网页应用、游戏和工具。建议通过实际项目和练习来巩固所学知识，不断提高自己的编程能力。