🎯 课程目标
完成本课程后，你将能够：
- 理解 JavaScript 的基本概念
- 掌握变量、数据类型和基本操作
- 理解函数和事件处理
- 能够阅读和修改 AI 生成的 JS 代码
💻 什么是 JavaScript？
JavaScript 是网页的"大脑"，负责实现交互功能。没有 JS，网页只能是静态的。
let name = "张三";
let age = 25;
let isStudent = true;
console.log("姓名：" + name);
console.log("年龄：" + age);
📊 基本数据类型
| 类型 |
说明 |
示例 |
| String | 字符串 | "Hello", 'World' |
| Number | 数字 | 42, 3.14, -10 |
| Boolean | 布尔值 | true, false |
| Array | 数组 | [1, 2, 3], ['a', 'b'] |
| Object | 对象 | {name: "张三", age: 25} |
🔧 函数定义
function greet(name) {
return "你好，" + name + "！";
}
const add = (a, b) => a + b;
console.log(greet("李四"));
console.log(add(5, 3));
🎯 DOM 操作
DOM 是网页的编程接口，通过 JS 可以操作页面元素。
const button = document.getElementById('myButton');
const input = document.querySelector('#username');
button.innerText = "点击我";
button.addEventListener('click', () => {
alert("按钮被点击了！");
});
const value = input.value;
🔄 条件判断和循环
if (age >= 18) {
console.log("成年人");
} else {
console.log("未成年");
}
for (let i = 0; i < 5; i++) {
console.log("第" + (i + 1) + "次");
}
const fruits = ['苹果', '香蕉', '橙子'];
fruits.forEach(fruit => console.log(fruit));