JavaScript 基础语法实例与讲解

JavaScript 基础语法包括变量、数据类型、运算符、控制结构、函数等。下面我将通过一些实例来讲解这些基础语法。

变量

变量用于存储数据值。JavaScript 使用 var、let 和 const 来声明变量。

var a = 10; // var 是早期 JavaScript 中的声明方式，现在更推荐使用 let 和 const
let b = 20; // let 用于声明块级作用域的变量
const c = 30; // const 用于声明常量，即值不能被改变的变量

数据类型

JavaScript 的数据类型包括基本类型和引用类型。

let x = 10; // Number 类型
let y = "Hello"; // String 类型
let z = true; // Boolean 类型
let n = null; // Null 类型
let u; // Undefined 类型
let sym = Symbol("key"); // Symbol 类型 (ES6+)

运算符

运算符用于执行某种操作或计算。

let sum = 10 + 20; // 加法运算符
let diff = 20 - 10; // 减法运算符
let prod = 10 * 20; // 乘法运算符
let quot = 20 / 10; // 除法运算符
let mod = 20 % 10; // 取模运算符

控制结构

控制结构用于控制代码的执行流程。

条件语句

let score = 85;
if (score >= 90) {
    console.log("A级");
} else if (score >= 80) {
    console.log("B级");
} else {
    console.log("C级");
}

循环语句

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

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

函数

函数是一段可重复使用的代码块，用于执行特定任务。

// 函数声明
function greet(name) {
    console.log("Hello, " + name + "!");
}

// 函数调用
greet("World"); // 输出: Hello, World!

事件处理

JavaScript 可以处理各种事件，如用户点击、键盘输入等。

// 为按钮点击事件添加事件监听器
document.getElementById("myButton").addEventListener("click", function() {
    console.log("按钮被点击了！");
});

DOM 操作

DOM（Document Object Model）操作用于改变网页的内容、结构和样式。

// 改变元素内容
document.getElementById("myElement").innerHTML = "新内容";

// 改变元素样式
document.getElementById("myElement").style.color = "red";

这些是 JavaScript 基础语法的简要讲解和实例。要深入学习 JavaScript，建议多编写代码，实践是学习编程的最佳方式。随着经验的积累，您将能够更好地理解这些概念，并能够编写更复杂的程序。