JS基础：常见的6种语句详解

你好，我是云桃桃。

一个希望帮助更多朋友快速入门 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)
}