JavaScript基础知识完全指南

一、什么是JavaScript？

JavaScript(简称JS)是一种轻量级的解释型编程语言，主要用于网页开发，可以为静态HTML页面添加交互功能。作为Web三大核心技术之一(HTML、CSS、JavaScript)，它能让网页实现动态效果和复杂功能。

二、JavaScript基础语法

1. 变量声明

JavaScript中使用var、let或const声明变量：

var name = "张三"; // 旧式变量声明
let age = 25;     // 块级作用域变量
const PI = 3.14;  // 常量

2. 数据类型

JavaScript有7种基本数据类型：

• Number - 数字类型
• String - 字符串
• Boolean - 布尔值(true/false)
• Null - 空值
• Undefined - 未定义
• Symbol - ES6新增的唯一标识符
• BigInt - 大整数

3. 运算符

JavaScript包含各种运算符：

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

三、流程控制

1. 条件语句

if (条件) {
  // 代码块
} else if (另一个条件) {
  // 代码块
} else {
  // 代码块
}

2. 循环语句

for循环示例：

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

四、函数基础

函数是JavaScript中的基本构建块：

function greet(name) {
  return "Hello, " + name;
}

// 调用函数
greet("李四"); // 输出: Hello, 李四

五、DOM操作基础

JavaScript可以通过DOM(文档对象模型)操作HTML元素：

// 获取元素
document.getElementById("myId");

// 修改内容
document.getElementById("demo").innerHTML = "新内容";

// 添加事件监听
document.getElementById("btn").addEventListener("click", function() {
  alert("按钮被点击了！");
});

六、常见应用场景

• 表单验证
• 动态内容更新
• 动画效果
• AJAX请求
• 单页应用(SPA)开发

掌握这些JavaScript基础知识是成为前端开发者的第一步。建议通过实际项目练习来巩固所学知识，逐步提升JavaScript编程能力。