代码实现js
基本语法与变量声明
JavaScript代码通常以.js文件或直接在HTML的<script>标签中编写。变量声明使用let、const或var（现代推荐使用let和const）：
let name = "Alice"; // 可重新赋值
const age = 25; // 不可重新赋值
var oldMethod = "deprecated"; // 旧方式，不推荐 函数定义与调用
函数可通过声明式或箭头函数实现：
// 声明式函数
function greet(name) {
return `Hello, ${name}!`;
}
// 箭头函数（ES6+）
const greetArrow = (name) => `Hello, ${name}!`;
console.log(greet("Bob")); // 输出: Hello, Bob! 条件与循环
条件语句使用if...else或switch，循环使用for、while等：
// 条件判断
if (age >= 18) {
console.log("Adult");
} else {
console.log("Minor");
}
// 循环示例
for (let i = 0; i < 3; i++) {
console.log(i); // 输出: 0, 1, 2
} 操作DOM元素
通过JavaScript动态修改HTML内容或样式：
// 获取元素并修改内容
const heading = document.getElementById("title");
heading.textContent = "New Title";
// 事件监听
document.querySelector("button").addEventListener("click", () => {
alert("Button clicked!");
}); 异步编程（Promise与Async/Await）
处理异步操作如API请求：
// Promise示例
fetch("https://api.example.com/data")
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
// Async/Await（更简洁）
async function fetchData() {
try {
const response = await fetch("https://api.example.com/data");
const data = await response.json();
console.log(data);
} catch (error) {
console.error(error);
}
} 模块化开发（ES6 Modules）
将代码拆分到不同文件并通过import/export管理：
// utils.js
export const add = (a, b) => a + b;
// main.js
import { add } from './utils.js';
console.log(add(2, 3)); // 输出: 5 
