news 2026/5/13 16:56:13

web前端开发笔记day11

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
web前端开发笔记day11

一、运算符

1.1 算数运算符

数学运算符也叫算数运算符,主要包括加、减、乘、除、取余(求模)

算数运算符执行的优先级顺序,优先级相同时从左往右执行

总结:先乘除,后加减,有括号先算括号里面的

1.2 赋值运算符

常见赋值运算符:=、+=、-=、*=、/=、%=

等号赋值运算符,要求左边必须是一个容器

1.3 一元运算符

1.自增运算符:++

作用:让变量的值增加1

使用方式:前置++、后置++

注意点:

① 前置++:先增加1,再使用变量的值

② 后置++:先使用变量的值,再增加1

2.自减运算符:--

作用:让变量的值减少1

使用方式:前置--、后置--

注意点:

① 前置--:先减少1,再使用变量的值

② 后置--:先使用变量的值,再减少1

后置用的更多i++

1.4 比较运算符

作用:比较两个值的关系,返回布尔值true或false

常见比较运算符:

==、===、!=、!==、>、<、>=、<=

注意点:

1.==:值相等即可,不考虑数据类型是否相同(不严谨)

2.===:值和数据类型都相等(严谨)(开发常用)

3.!==:值和数据类型有一个不相等即可(不全等)

字符串比较,是比较的字符串对应的ASCLL码

NaN不等于任何值,包括它本身

尽量不要比较小数,因为可能会出现精度问题

不同劳累性之间比较会发生隐式转换

最终把数据隐式转换成number类型再比较

1.5 逻辑运算符

作用:对布尔值进行逻辑运算,返回布尔值true或false

常见逻辑运算符:

&&(与)、||(或)、!(非)

注意点:

1.与运算&&:有一个false结果就是false,全部true结果才是true

2.或运算||:有一个true结果就是true,全部false结果才是false

3.非运算!:true变false,false变true

逻辑运算符里的短路:

只存在于&&和||中,通过左边能得到整个式子的结果,就不会去计算右边的值

与运算&&:第一个值为false,结果就是false,后面的值不再计算

或运算||:第一个值为true,结果就是true,后面的值不再计算

有5个值当假的看:

false、0、''、null、undefined、NaN

1.6 运算符优先级

()>一元运算符(++ -- !)>算数运算符(* / % > + -)>比较运算符(== === != !== > < >= <=)>逻辑运算符(&& > ||)

二、语句

2.1 表达式和语句

表达式:能够计算出结果的代码片段,最终会产生一个值

例如:5 + 3、age、num1 > num2

语句:完成某个功能的代码片段,是由表达式组成的

例如:变量声明语句、赋值语句、分支语句、循环语句

2.2 分支语句

作用:根据不同的条件,执行不同的代码

2.2.1 if语句:单分支、双分支、多分枝

if(条件){满足条件要执行的代码}

括号内的条件为true时,进入大括号里执行代码

小括号内的结果若不是布尔类型时,会发生隐式转换转为布尔类型

2.2.2 三元运算符

作用:根据条件,选择性地返回两个值中的一个

语法结构:

条件?值1:值2(条件为真,返回值1;条件为假,返回值2)

注意点:

1.条件部分会进行隐式转换,转换为布尔值后再判断

2.当条件为true时,返回值1;当条件为false时,返回值2

2.2.3 switch语句

作用:根据不同的条件,执行不同的代码

语法结构:

switch(表达式){

case 值1:

代码块1;

break;

case 值2:

代码块2;

break;

...

default:

默认代码块;

}

注意点:

1.switch后面的小括号内是一个表达式,表达式的结果会和每个case后面的值进行严格比较(===)

2.每个case后面的值建议不要重复,否则只会执行第一个匹配到的case代码块

3.break作用:结束switch语句,跳出switch代码块

4.default作用:当所有case都不匹配时,执行默认代码块。default可以省略,但建议保留

5.适合等值判断,不适合区间判断,

2.3 循环语句

作用:重复执行某段代码

2.3.1 断点调试

作用:在程序执行过程中设置断点,以便逐步查看程序的执行状态

浏览器调试步骤:

1.打开浏览器开发者工具(F12)

2.切换到“源代码”或“调试器”选项卡(sources)

3.在代码行号处点击,设置断点(会出现一个蓝色的标记)

4.刷新页面,程序会在断点处暂停执行

5.使用调试工具中的“逐步执行”、“继续执行”等功能,查看变量值和程序状态

2.3.2 while循环

语法结构:

while(条件表达式){

循环体;

}

执行过程:

1.判断条件表达式的结果是否为true,若为true则进入循环体执行代码,若为false则结束循环

2.执行完循环体后,重复步骤1,直到条件表达式结果为false时结束循环

循环需要具备三要素:

1.变量起始值

2.终止条件

3.变量变化量(用自增或者自减)

注意点:

1.若条件表达式一开始结果就是false,则循环体内的代码一次都不会执行

2.可以在循环体内使用break结束循环,使用continue跳过本次循环进入下一次循环

2.3.3 循环退出

能说出continue和break的区别

continue:跳过本次循环,进入下一次循环

break:结束整个循环

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/8 14:56:22

ms-swift支持序列分类任务构建情感分析解决方案

ms-swift 构建情感分析系统的实践路径 在当今企业智能化转型的浪潮中&#xff0c;如何从海量用户文本中快速提取情绪倾向&#xff0c;已成为客服系统、社交舆情监控和产品反馈分析的核心能力。传统的情感分析方案多依赖小型模型&#xff08;如 BERT-Base&#xff09;&#xff0…

作者头像 李华
网站建设 2026/5/12 17:06:09

SPA首屏加载速度慢的怎么解决

SPA&#xff08;单页应用&#xff09;首屏加载慢的核心原因是 首次需要加载大量的 JS 包、资源文件&#xff0c;且路由渲染依赖前端 JS 解析&#xff0c;容易出现 “白屏” 或加载延迟。以下是一套分层优化方案&#xff0c;从资源层面、渲染层面、网络层面逐步解决&#xff1a;…

作者头像 李华
网站建设 2026/4/25 8:56:52

基于Simulink的基于IMU与编码器融合的姿态估计仿真

目录 手把手教你学Simulink 一、引言&#xff1a;为什么“仅靠IMU或仅靠编码器都无法准确估计人形机器人躯干姿态”&#xff1f; 二、理论基础&#xff1a;姿态表示与传感器原理 1. 姿态表示&#xff1a;欧拉角&#xff08;俯仰 Pitch&#xff09; 2. IMU测量模型 3. 编码…

作者头像 李华
网站建设 2026/5/2 2:37:26

python基于django的文化旅游服务系统 小程序系统_zd17ihwo

目录系统概述核心功能技术架构安全与扩展性应用场景关于博主开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 &#xff1a;文章底部获取博主联系方式&#xff01;系统概述 Python基于Django的文化旅游服务系统结合了Web后端与小程序前端&#…

作者头像 李华
网站建设 2026/5/5 16:30:45

安科瑞智慧能源平台赋能光储电站容量优化与协调控制

唐雪阳安科瑞电气股份有限公司 上海嘉定 201801一、引言储能型光伏电站是破解可再生能源间歇性、不稳定性难题的关键路径&#xff0c;对提升能源利用率、保障电网稳定运行、推动绿色能源转型具有重要意义。随着光伏技术迭代与成本下降&#xff0c;光伏发电在能源结构中的占比持…

作者头像 李华
网站建设 2026/5/13 13:33:00

Windows 下升级 R 语言至最新版

第一步:打开 PowerShell(以管理员身份运行) 按 Win + X 选择 “Windows PowerShell (管理员)” 或 “终端(管理员)” 等待弹出窗口(黑底白字,标题为 “PowerShell”) 第二步:复制并粘贴以下完整脚本 # 设置进度偏好(静默下载) $ProgressPreference = SilentlyContin…

作者头像 李华