你好，我是云桃桃。
一个希望帮助更多朋友快速入门 WEB 前端的程序媛。
云桃桃-大专生，一枚程序媛，感谢关注。回复 “前端基础题”，可免费获得前端基础 100 题汇总，回复 “前端基础路线”，可获取完整web基础路线导图。
300篇原创内容-更多前端系列内容可以go公众.h：云桃桃
后台回复“前端基础路线”可获取前端基础学习路线
后台回复“前端基础题”可得到前端基础100题汇总，持续更新中
后台回复“前端电子书”可获取20+本精选电子书
前言
在 JavaScript 的世界里，语句构成了代码的基本执行单元。它们定义了程序的流程、逻辑和行为。
我们可以如何理解呢？
想象你是一位电影导演，JavaScript 语句就像你拍摄的镜头。每个镜头（语句）都有其目的，如展示场景、推动故事或激发情感。镜头（语句）需要逻辑顺序来构成电影（程序）。它们也有不同类型，如全景（表达式语句）、特写（控制语句）、中景（函数语句）等。
正如镜头包含演员和道具，JavaScript 语句也包含变量、运算符和函数调用。这个类比有助于理解 JavaScript 语句的角色、多样性和在程序中按序协作的重要性。
对于前端小白来说，理解 JavaScript 中的基础语句对于编写交互式网页至关重要。本文将详细介绍 JavaScript 中的 6 个语句。
1. 变量声明语句
在 JavaScript 中，变量是存储数据的容器。声明变量的语句有三种主要形式：var、let和const。
-
var是传统的变量声明关键字，它声明的变量具有函数作用域。 -
let是 ES6 引入的，用于声明块级作用域的变量。 -
const也是 ES6 引入的，用于声明一个不可重新赋值的常量。
var message = 'Hello, World!' // 函数作用域
let count = 0 // 块级作用域
const PI = 3.14 // 块级作用域的常量
2. 赋值语句
赋值语句用于将值赋给变量。在 JavaScript 中，赋值运算符=用于执行赋值操作。
let age = 25 // 直接赋值
age += 1 // 增加1
age -= 5 // 减少5
3. 条件语句
条件语句用于基于特定条件执行不同的代码分支。
if 语句
if语句用于在满足条件时执行一段代码。
if (age >= 18) {
console.log('Adult')
} else {
console.log('Minor')
}
if...else 语句
if...else语句允许在条件不满足时执行另一段代码。
let isRaining = true
if (isRaining) {
console.log('Bring an umbrella!')
} else {
console.log('Enjoy the sunshine!')
}
switch 语句
switch语句用于根据变量的值执行不同的代码块。
let fruit = 'apple'
switch (fruit) {
case 'banana':
console.log('Banana!')
break
case 'apple':
console.log('Apple!')
break
default:
console.log('Unknown fruit.')
}
4. 循环语句
循环语句用于重复执行一段代码，直到满足特定条件。
for 循环
for循环用于在给定的次数内执行代码块。
for (let i = 0; i < 5; i++) {
console.log(i)
}
while 循环
while循环在条件为真时重复执行代码块。
let j = 0
while (j < 5) {
console.log(j)
j++
}
do...while 循环
do...while循环至少执行一次代码块，然后在条件为真时继续执行。
let k = 0
do {
console.log(k)
k++
} while (k < 5)
5. 函数语句
函数是封装一段代码的块，可以带参数并返回值。
function greet(name) {
console.log('Hello, ' + name + '!')
}
greet('Alice') // 输出: Hello, Alice!
6. 异常处理语句
异常处理语句用于捕获和处理程序执行中的异常。
try...catch
try...catch语句用于捕获代码执行中的异常。
try {
let result = 10 / 0
} catch (error) {
console.log('An error occurred: ', error)
}
throw
throw语句用于手动抛出一个异常。
function divide(a, b) {
if (b === 0) {
throw new Error('Cannot divide by zero.')
}
return a / b
}
try {
console.log(divide(10, 0))
} catch (error) {
console.log(error.message)
}
结语
JavaScript 中的语句是程序逻辑的基础。掌握变量声明、赋值、条件判断、循环、函数和异常处理等基础语句对于任何前端开发者来说都是必要的。
OK，本文完。