JavaScript 入门基础概念详解
1. JavaScript 概述
定义：JavaScript 是一种在浏览器端运行的脚本语言。 它主要用于增强网页的交互性和动态效果。
主要用途：
- 实现页面交互特效（例如：响应用户点击、滚动等操作）
- 对用户输入数据进行校验（如：检查表单信息是否完整）
- 与服务器通信并动态更新页面内容（即 AJAX 技术）
- 构建服务端应用程序（通过 Node.js 环境）
核心技术构成：
- ECMAScript（语言核心语法）
- DOM（文档对象模型）
- BOM（浏览器对象模型）
（注：DOM 和 BOM 统称为 Web API）
2. 代码嵌入方式
JavaScript 代码必须配合 HTML 才能运行。使用 <script> 标签可将代码插入网页。
2.1 内部嵌入
直接在 HTML 文件的 <script> 标签内编写代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>内部引入示例</title>
</head>
<body>
<script>
alert('欢迎学习！');
</script>
</body>
</html>
2.2 外部引入
将代码写在独立的 .js 文件中，再通过 src 属性链接：
// 文件: app.js
document.write('从外部文件加载');
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>外部引入示例</title>
</head>
<body>
<script src="app.js">
// 此处的代码会被忽略
</script>
</body>
</html>
要点： 使用外部文件时，<script> 标签内的任何代码都不会执行。
3. 代码注释
注释帮助开发者理解代码或临时禁用某些逻辑。
3.1 单行注释
<script>
// 这是一条单行注释
// 用于简单说明
console.log('测试输出');
</script>
3.2 多行注释
<script>
/*
多行注释可以跨行
常用于描述复杂逻辑
*/
console.log('继续执行');
</script>
提示： 在大多数编辑器中，快捷键 Ctrl + / 可用于快速添加或取消注释。
4. 语句结束符
分号 ; 在 JavaScript 中表示语句结束。通常可以省略，用换行来自动分隔。
<script>
alert(1);
alert(2)
alert(3);
</script>
开发习惯： 当前社区普遍倾向省略分号，但理解其作用依然重要。
5. 输入与输出
用户与程序交互的基本方式：通过输入设备提供数据，计算机处理后显示结果。
5.1 输出方法
- 警告框：
alert('消息'); - 页面写入：
document.write('内容'); - 控制台输出：
console.log('调试信息');
<script>
alert('弹窗提示');
document.write('直接写入页面');
console.log('调试日志');
</script>
5.2 输入方法
使用 prompt() 可以弹出一个输入框，接收用户文本：
<script>
var userName = prompt('请输入你的名字：');
console.log('用户输入:', userName);
</script>
注意： alert() 和 prompt() 会阻塞后续代码执行，直至用户关闭弹窗。一般情况下，代码按书写顺序自上而下运行。
