4.1 JavaScript简介
JavaScript的作用
JavaScript是一种轻量级的编程语言，它可以在网页中嵌入，用于实现复杂的功能和交互性。JavaScript能够处理用户输入、动态修改页面内容、发送和接收数据到服务器等。它是Web开发中不可或缺的一部分，与HTML和CSS共同构成了前端技术的三大基石。
在HTML中引入JavaScript
JavaScript可以通过多种方式嵌入到HTML页面中：
- 内部脚本：直接在HTML文件中嵌入JavaScript代码，使用
<script>标签。
<script>
// JavaScript代码
alert('Hello, World!');
</script>
- 外部脚本：将JavaScript代码保存在单独的
.js文件中，并通过<script>标签的src属性引入。
<script src="script.js"></script>
在script.js文件中：
// JavaScript代码
alert('Hello, World!');
- 行内事件处理：直接在HTML元素中通过事件属性（如
onclick）嵌入JavaScript代码。
<button onclick="alert('Clicked!')">Click me</button>
4.2 基本语法
变量和数据类型
JavaScript是一种动态类型语言，意味着变量可以存储任何类型的数据。声明变量可以使用var、let或const关键字。
var message = 'Hello, World!'; // 字符串
let age = 25; // 数字
const pi = 3.14159; // 常量
JavaScript的数据类型包括：
- 字符串（String）
- 数字（Number）
- 布尔值（Boolean）
- null和undefined
- 对象（Object）
- 数组（Array） 运算符和表达式 JavaScript提供了丰富的运算符，包括算术运算符、比较运算符、逻辑运算符等。运算符可以用于连接变量、常量和其他运算结果，形成表达式。
let sum = 1 + 2; // 算术运算符
let isGreater = 5 > 3; // 比较运算符
let isValid = isGreater && sum === 3; // 逻辑运算符
JavaScript的表达式可以是简单的值，也可以是复杂的算术或逻辑表达式。表达式会返回一个结果，这个结果可以赋值给变量，或者在需要的时候直接使用。
4.3 控制结构
条件语句
条件语句用于根据特定条件执行不同的代码块。JavaScript中的条件语句主要包括if语句、else语句和else if语句。
if (condition) {
// 如果条件为真，执行这些语句
} else {
// 如果条件为假，执行这些语句
}
if (condition1) {
// 如果条件1为真
} else if (condition2) {
// 如果条件1为假，条件2为真
} else {
// 如果条件1和条件2都为假
}
循环语句
循环语句用于重复执行代码块，直到满足某个条件为止。JavaScript中的循环语句主要包括for循环、while循环和do-while循环。
for (initialization; condition; increment) {
// 重复执行的代码
}
while (condition) {
// 当条件为真时，重复执行的代码
}
do {
// 至少执行一次的代码
} while (condition);
4.4 函数
函数的定义和调用
函数是JavaScript中的一个重要概念，用于封装可重用的代码块。定义函数使用function关键字，调用函数使用函数名后跟括号。
function greet(name) {
return 'Hello, ' + name + '!';
}
let result = greet('Alice'); // 调用函数
console.log(result); // 输出 "Hello, Alice!"
参数和返回值
函数可以接受参数，这些参数在函数内部使用。函数也可以返回值，返回值是函数执行后的结果。
function add(a, b) {
return a + b;
}
let sum = add(3, 4); // 调用函数并存储返回值
console.log(sum); // 输出 7
4.5 小结
本章介绍了JavaScript的基础知识，包括基本语法、控制结构、函数的定义和调用，以及参数和返回值。通过本章的学习，您应该能够理解如何使用JavaScript来控制程序流程，以及如何创建和调用函数。下一章将介绍JavaScript的进阶知识，包括DOM操作、事件处理和表单验证。