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

你好,我是云桃桃。

一个希望帮助更多朋友快速入门 WEB 前端的程序媛。

云桃桃-大专生,一枚程序媛,感谢关注。回复 “前端基础题”,可免费获得前端基础 100 题汇总,回复 “前端基础路线”,可获取完整web基础路线导图。

300篇原创内容-更多前端系列内容可以go公众.h:云桃桃

后台回复“前端基础路线”可获取前端基础学习路线

后台回复“前端基础题”可得到前端基础100题汇总,持续更新中

后台回复“前端电子书”可获取20+本精选电子书

前言

在 JavaScript 的世界里,语句构成了代码的基本执行单元。它们定义了程序的流程、逻辑和行为。

我们可以如何理解呢?

想象你是一位电影导演,JavaScript 语句就像你拍摄的镜头。每个镜头(语句)都有其目的,如展示场景、推动故事或激发情感。镜头(语句)需要逻辑顺序来构成电影(程序)。它们也有不同类型,如全景(表达式语句)、特写(控制语句)、中景(函数语句)等。

正如镜头包含演员和道具,JavaScript 语句也包含变量、运算符和函数调用。这个类比有助于理解 JavaScript 语句的角色、多样性和在程序中按序协作的重要性。

对于前端小白来说,理解 JavaScript 中的基础语句对于编写交互式网页至关重要。本文将详细介绍 JavaScript 中的 6 个语句。

1. 变量声明语句

在 JavaScript 中,变量是存储数据的容器。声明变量的语句有三种主要形式:varletconst

  • 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!')breakcase 'apple':console.log('Apple!')breakdefault: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,本文完。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/6824.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

机器学习中线性回归算法的推导过程

线性回归是机器学习中监督学习中最基础也是最常用的一种算法。 背景&#xff1a;当我们拿到一堆数据。这堆数据里有参数&#xff0c;有标签。我们将这些数据在坐标系中标出。我们会考虑这些数据是否具有线性关系。简单来说 我们是否可以使用一条线或者一个平面去拟合这些数据的…

「AIGC」ChatGPT入门

一、了解ChatGPT 1. ChatGPT是什么 ChatGPT是一种基于人工智能技术的自然语言处理&#xff08;NLP&#xff09;模型&#xff0c;它能够通过机器学习算法理解和生成人类语言。这种模型通常用于聊天机器人、语言翻译、内容生成、问答系统等多种场景。ChatGPT能够模拟人类的对话…

机器学习中的简单指数平滑(SES)

简单指数平滑&#xff08;Simple Exponential Smoothing&#xff09;是一种常用的时间序列预测方法&#xff0c;用于对时间序列数据进行平滑处理并进行未来数值的预测。 简单指数平滑的核心思想是基于过去观测值的加权平均来预测未来的值&#xff0c;其中较近的观测值被赋予更…

vue服务器端数据预取Server-Side Data Fetching例子

Vue.js 本身并不直接处理服务器端数据预取&#xff08;Server-Side Data Fetching&#xff09;&#xff0c;这通常涉及到在服务器端&#xff08;可能是一个 Node.js 应用、API 服务器或其他后端服务&#xff09;预先获取数据&#xff0c;并在页面加载时将其传递给 Vue.js 客户端…

如何在交换机上重置密码而不丢失配置?如何配置SSH远程登录?

在网络设备管理中&#xff0c;保持设备的安全性是至关重要的&#xff0c;所以console密码是必须设置的&#xff0c;绝对不能偷懒。 但是&#xff0c;如果习惯不好&#xff0c;或者离职时交接不好&#xff0c;就会导致密码丢失&#xff0c;此时想要修改网络设置的配置就麻烦了。…

华为OD机试 - 符号运算 - 递归(Java 2024 C卷 100分)

华为OD机试 2024C卷题库疯狂收录中&#xff0c;刷题点这里 专栏导读 本专栏收录于《华为OD机试&#xff08;JAVA&#xff09;真题&#xff08;A卷B卷C卷&#xff09;》。 刷的越多&#xff0c;抽中的概率越大&#xff0c;每一题都有详细的答题思路、详细的代码注释、样例测试…

Linux uuencode命令教程:如何将二进制文件编码为ASCII文本(附案例详解和注意事项)

Linux uuencode命令介绍 uuencode&#xff08;Unix-to-Unix encoding&#xff09;命令用于将二进制文件编码为ASCII文本。这样做的目的是为了在可能会破坏数据的通道上发送文件。 Linux uuencode命令适用的Linux版本 uuencode命令在大多数Linux发行版中都可以使用&#xff0…

使用 FFmpeg 从音视频中提取音频

有时候我们需要从视频文件中提取音频&#xff0c;并保存为一个单独的音频文件&#xff0c;我们可以借助 FFmpeg 来完成这个工作。 一、提取音频&#xff0c;保存为 mp3 文件: 要使用 FFmpeg 从音视频文件中提取音频&#xff0c;并将 ACC 编码的音频转换为 MP3 格式&#xff0…

CNN实现fashion_mnist数据集分类(tensorflow)

1、查看tensorflow版本 import tensorflow as tfprint(Tensorflow Version:{}.format(tf.__version__)) print(tf.config.list_physical_devices())2、加载fashion_mnist数据与预处理 import numpy as np (train_images,train_labels),(test_images,test_labels) tf.keras.d…

Neo4j+LLM+RAG 环境配置报错处理

开发KGLLMRAG程序时遇到以下报错&#xff0c;记录下处理方案&#xff1a; ValueError: Could not use APOC procedures. Please ensure the APOC plugin is installed in Neo4j and that ‘apoc.meta.data()’ is allowed in Neo4j configuration 这个参考文章&#xff1a;link…

FFmpeg学习记录(四)——SDL音视频渲染实战

1.SDL使用的基本步骤 SDL Init/sDL _Quit()SDL_CreateWindow()/SDL_DestoryWindow()SDL CreateRender() SDL_Windows *windows NULL;SDL_Init(SDL_INIT_VIDEO);window SDL_CreateWindow("SDL2 Windows",200,200, 640,480,SDL_WINDOW_SHOWN);if(!window) {printf(&…

【链表】:链表的带环问题

&#x1f381;个人主页&#xff1a;我们的五年 &#x1f50d;系列专栏&#xff1a;数据结构 &#x1f337;追光的人&#xff0c;终会万丈光芒 前言&#xff1a; 链表的带环问题在链表中是一类比较难的问题&#xff0c;它对我们的思维有一个比较高的要求&#xff0c;但是这一类…

【Flask 系统教程 1】入门及配置

当你开始学习 Flask 时&#xff0c;了解如何进行基本的配置是非常重要的。Flask 是一个简单而灵活的 Python Web 框架&#xff0c;它允许你快速构建 Web 应用程序&#xff0c;并且易于学习。在这篇博客中&#xff0c;我将介绍如何从零开始进行 Flask 的基础配置&#xff0c;适合…

【linux-IMX6ULL配置GPIO通用流程-以及时钟配置】

目录 1. GPIO模式控制流程1.1 LED、蜂鸣器、按键1.2 GPIO控制流程 2. 标准库的简要分析及实现&#xff1a;2.1 问题引入&#xff1a;2.2 代码实现&#xff1a; 3. 时钟配置总结&#xff1a;3.1 时钟树概要&#xff1a;3.2 IMX6ULL时钟概要及时钟树&#xff1a;3.3 IMX6ULL时钟配…

LeetCode题目99:图解中叙遍历、Morris遍历实现恢复二叉树搜索树【python】

题目描述 给你二叉搜索树的根节点 root&#xff0c;该树中的恰好两个节点的值被错误地交换。请在不改变其结构的情况下&#xff0c;恢复这棵树。 输入格式 root&#xff1a;二叉树的根节点。 输出格式 不需要返回值&#xff0c;直接在原树上进行恢复。 示例 示例 1 输入…

机器学习周记(第三十七周:语义分割)2024.4.29~2024.5.5

目录 摘要 ABSTRACT 1 DeepLabV3 1.1 空间金字塔池化&#xff08;ASPP&#xff09; 1.2 解码器&#xff08;Decoder&#xff09; 1.3 Xception 2 相关代码 摘要 DeepLabV3 是由Google Brain团队开发的深度学习模型&#xff0c;专注于语义分割任务。它采用深度卷积神经网…

QtWindows任务栏

目录 引言任务栏进度右键菜单缩略图工具栏完整代码 引言 针对Windows系统的任务栏&#xff0c;Qt基于系统的原生接口封装有一些非常见类&#xff0c;如QWinTaskbarButton、QWinTaskbarButton、QWinThumbnailToolBar等&#xff0c;用于利用工具栏提供更多的信息&#xff0c;诸如…

【CTF Web】XCTF GFSJ0482 weak_auth Writeup(弱口令+密码爆破)

weak_auth 小宁写了一个登陆验证页面&#xff0c;随手就设了一个密码。 解法 随便输入一些字符&#xff0c;提示以 admin 登录。 使用 Burp 抓包。 导入密码字典。 进行爆破。 得到密码。 账号&#xff1a;admin 密码&#xff1a;123456取得 flag。 Flag cyberpeace{42c9664…

Servlet框架

简介 Servlet是运行在web服务器或应用服务器上的程序&#xff0c;他是作为来自web浏览器或其他http客户端的请求和HTTP服务器上的数据库或应用程序之间的中间层。 使用Servlet可以手机来自网页表单的用户输入&#xff0c;呈现来自数据库或者其他源记录&#xff0c;还可以动态创…

解决网络ping不通问题

网络ping不通可能有多种原因&#xff0c;以下是一些常见的解决方法&#xff1a; 1. 检查IP地址和域名&#xff1a;确保你使用的是正确的IP地址或者域名来ping目标设备。如果IP地址或者域名错误&#xff0c;ping请求将无法到达目标设备。 2. 检查网络连接&#xff1a;首先确保…