📌 什么是 JavaScript?
JavaScript 是一种广泛用于网页开发的脚本语言,可实现动态交互效果。
🧱 基础语法
📚 变量与数据类型
- 使用
let
/const
声明变量 - 常见类型:
string
、number
、boolean
、array
、object
📜 注释与代码结构
- 单行注释:
// 这是注释
- 多行注释:
/* 这是多行注释 */
- 代码块用 ```javascript 包裹
🧠 函数定义
function greet(name) {
return `Hello, ${name}!`;
}
// 调用函数:greet("世界")
<center><img src="https://cloud-image.ullrai.com/q/函数_定义/" alt="函数_定义" /></center>
## 🌐 DOM 操作
- 选择元素:`document.getElementById()`
- 修改内容:`element.innerHTML = "新内容"`
- 添加事件:`button.addEventListener("click", function)`
<center><img src="https://cloud-image.ullrai.com/q/DOM_操作/" alt="DOM_操作" /></center>
## 🔄 异步编程
- 使用 `async/await` 处理异步任务
- 示例:
```javascript
async function fetchData() {
const response = await fetch("https://api.example.com/data");
return response.json();
}
💻 实战项目
- 创建一个点击按钮改变背景色的示例
- 实现一个简单的待办事项列表
- 使用 Fetch API 获取并展示数据
👉 查看完整代码示例