欢迎来到 JavaScript 学习社区!以下内容将帮助你快速掌握 JavaScript 基础语法与核心概念。
🧩 基础语法
// 你的第一个 JavaScript 程序
console.log("Hello, World!"); // 输出到控制台
🔧 变量与数据类型
- 使用
let
和const
声明变量 - 常见数据类型:字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)
- 示例:
let age = 25; const name = "Alice";
🔄 控制结构
- 条件判断:
if...else
,switch
- 循环:
for
,while
,do...while
- 示例:
if (age >= 18) {
console.log("成年");
} else {
console.log("未成年");
}
🌐 DOM 操作
JavaScript 可以动态操作网页内容:
document.getElementById("myButton").addEventListener("click", function() {
alert("按钮被点击了!");
});
🔗 实用技巧
- 使用
querySelector
选择元素 - 修改样式:
element.style.color = "red";
- 动画效果:
element.classList.add("animated");
📚 推荐学习资源
- JavaScript 高级程序设计(深入理解核心机制)
- MDN JavaScript 指南(官方权威文档)
- JavaScript 30 天挑战(实战项目练习)
🧠 常见问题
Q: 如何调试 JavaScript 代码?
A: 使用浏览器开发者工具的 Console 面板,或添加
console.log()
语句Q: JavaScript 支持哪些数据类型?
A: 包括原始类型(字符串、数字、布尔、null、undefined、symbol)和引用类型(对象、数组、函数)