Js-基础语法(二)

运算符

赋值运算符

赋值运算符:对变量进行赋值的运算符

  1. 已经学过的赋值运算符:= 将等号右边的值赋予给左边, 要求左边必须是一个容器
  2.  其他赋值运算符:
  •  +=
  •  -=
  •  *=
  • /=
  • %=

使用这些运算符可以在对变量赋值时进行快速操作

一元运算符

众多的 JavaScript 的运算符可以根据所需表达式的个数,分为一元运算符、二元运算符、三元运算符

具体应用:

自增:
符号:++
作用:让变量的值 +1
自减:
符号:-- 

作用:让变量的值 -1
使用场景:经常用于计数来使用。 比如进行10次操作,用它来计算进行了多少次了

案例:

console.log(i++ + ++i + i)     //最后结果是输出7

总结:

1.只需要一个表达式就可以运算的运算符叫一元运算符

2. 自增运算符也是为了简化写法,每次自加1,使用场景是什么? 经常用于计数来使用。用来计算多少次

3. 实际开发中,我们一般都是单独使用的,后置++ 更多

比较运算符(有不同)

扩展:这里的比较运算符和java的基本相同,但不同的是标红的地方,在java中没有===这种用法,java中的等号大多数就是对地址进行比较(类似于全等),但对于int和String这种重写equals()的来说相当于进行值比较

扩展: 对于中文的比较,一般比较的是中文的unicode(万国码)(java也是这种方式)

// 汉字根据unicode编码来进行比较的  黄 0x9EC4(40644)  景 0x666F(26255)   

 console.log('黄' > '景') //true

逻辑运算符(有不同)

扩展:在js中的逻辑运算符相对于java来说是比较少的,只用&& 、||、!这三个,但在java中有更多的形式,如下图

运算符运算总结
&一假则假
|一真则真
^异或全真取反,全假不变,真假为真
!取反
&&短路与

规则类似,但不同的是,对于短路与,第一个是假则不对第二个进行计算,对于短路或,

第一个是真,则不对第二个进行计算.

||短路或

在java中还有位运算符的概念,就是可以对二进制进行计算,但在js中是没有这个概念的

运算符的优先级   --和java差不多

记:()>一元运算符>算术运算符>比较运算符>逻辑运算符>(三元表达式)>赋值运算符

  • 一元运算符里面的逻辑非优先级很高
  • 逻辑与比逻辑或优先级高 

答案:fasle、true、false、false 

语句(几乎和java一模一样)

表达式和语句

表达式:

表达式是可以被求值的代码,JavaScript 引擎会将其计算出一个结果。

语句:

语句是一段可以执行的代码。

分支语句

程序三大流程控制语句(顺序,分支,循环)

扩展:几乎所有的编程语言都有这三大流程控制语句 ,但实现的方式可能不太一样,但JS的分支语句和循环语句和java几乎是一模一样的,只有一点点小的差别

  • 分支语句:

 分支语句由:If分支语句、 三元运算符 、switch 语句组成

If分支语句(有不同)

扩展:

if语句和Java的用法几乎一摸一样,就是在条件哪里由细微的差别,在java中if语句的条件部分必须是一个boolean类型的结果(可以是表达式),但在Js中那个条件可以是数字,字符串、控制符串等

对于0 ,'',false这三个表示条件不成立外,其他的内容都表示条件成立

三元运算符

 

 switch 语句

循环语句

循环语句由:while循环、do...while 、for循环  组成

while循环

do...while 
for循环
循环退出 ---和java一模一样的用法

综合案例

简易ATM机案例

需求:用户可以选择存钱、取钱、查看余额和退出功能
分析:
①:循环的时候,需要反复提示输入框,所以提示框写到循环里面
②:退出的条件是用户输入了 4,如果是4,则结束循环,不在弹窗
③:提前准备一个金额预先存储一个数额
④:取钱则是减法操作, 存钱则是加法操作,查看余额则是直接显示金额
⑤:输入不同的值,可以使用switch来执行不同的操作

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>



  <script>

    // 初始化余额为1000元
    let balance = 1000
    while (true) {
      let chooice = +prompt(`请输入你的选择:
      1 存钱
      2 取钱
      3 查看余额
      4 退出
      `)

      //退出循环
      if (chooice === 4) {
        break
      }
      // switch语句
      switch (chooice) {
        case 1:
          let money = +prompt('请输入存入的金额')
          balance += money
          alert(`成功存入${money},当前余额为${balance}`)
          break
        case 2:
          let money1 = +prompt('请输入取走的金额')
          if (balance < money1) {
            alert('你没有那么多钱,想取那么多,在想屁吃')
            break
          } else {
            balance -= money1
          }
          alert(`成功取走${money1},当前余额为${balance}`)
          break
        case 3:
          alert(`当前余额为${balance}`)
          break

      }


    }


  </script>
</body>

</html>

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

使用Linux防火墙管理HTTP流量

在Linux系统中&#xff0c;防火墙是用于控制网络流量的重要工具。通过防火墙&#xff0c;你可以根据需要限制、过滤或允许特定的网络流量&#xff0c;从而提高系统的安全性。在处理HTTP流量时&#xff0c;防火墙可以帮助你实施访问控制、流量监控和其他安全策略。 iptables i…

CSS3新增边框样式

边框样式 概念:在CSS3中&#xff0c;针对元素边框增加了丰富的修饰属性。 常见的边框样式属性有以下 属性说明border-radius圆角效果box-shadow边框阴影border-image边框背景 border-radius属性 概念&#xff1a;border-radius属性可以为元素添加圆角效果 语法&#xff1…

新书速览|循序渐进Vue.js 3.x前端开发实战

Vue.js初学者和前端开发人员使用&#xff0c;网课、培训机构与大中专院校的教学用书 作者简介 张益珲 美国亚利桑那州立大学计算机工程技术硕士&#xff0c;架构师&#xff0c;从业近10年&#xff0c;多年大前端开发经验&#xff0c;曾就职于知名上市公司&#xff0c;主导开发…

Java项目:115SSM宿舍管理系统

博主主页&#xff1a;Java旅途 简介&#xff1a;分享计算机知识、学习路线、系统源码及教程 文末获取源码 一、项目介绍 宿舍管理系统基于SpringSpringMVCMybatis开发&#xff0c;系统主要功能如下&#xff1a; 学生管理班级管理宿舍管理卫生管理维修登记访客管理 二、技术框…

MyBatis:自定义 typeHandler 处理枚举类型

MyBatis 枚举类型typeHandler 枚举类型 枚举类型&#xff0c;在 Java 中属于基本数据类型&#xff0c;而不是构造数据类型&#xff0c;用于声明一组命名的常数。枚举可以根据 Integer 、Long 、Short 或 Byte 中的任意一种数据类型来创建一种新型变量。这种变量可以设置为已经…

C++ std::move std::forward

std::move 统统转换为&& 右值引用。 std::foreward 有条件的转换。 左值转换为左值引用&#xff0c;右值转换为右值引用。

超市商品管理系统设计 C++实现

超市商品管理系统设计—C实现 文章目录 超市商品管理系统设计---C实现一、内容要求大纲图 二、源代码&#xff08;包含大量注释&#xff09;1、main.cpp文件2、supermarket.h文件3、supermarket.cpp文件4、administrator.h文件5、administrator.cpp文件6、user.h文件7、user.cp…

spring boot + mybatis + websocket + js实战

项目技术&#xff1a;spring boot mybatis websocket js 需求背景&#xff1a;当添加一个女孩时&#xff0c;页面的socket收到消息&#xff0c;打印最新的所有女生list&#xff0c;这样可以进一步在react/vue前端框架下&#xff0c;实现当A用户新增了某业务数据后&#xff…

Linux--防火墙,实验案例:基于区域、服务、端口的访问控制

实验环境 某公司的Web服务器&#xff0c;网关服务器均采用Linux CentOS 7.3操作系统&#xff0c;如图2.13所示。为了 加强网络访问的安全性&#xff0c;要求管理员熟悉firewalld防火墙规则的编写&#xff0c;以便制定有效、可行的主机防护策略。 需求描述 > 网关服务器ens3…

视频智能剪辑方案,企业视频制作新时代

视频已经成为了人们获取信息、娱乐和学习的重要方式。然而&#xff0c;传统的视频制作过程繁琐且耗时&#xff0c;这对于许多企业来说无疑是一个巨大的挑战。为了解决这个问题&#xff0c;美摄科技凭借其在机器学习、深度学习等AI算法方面的深厚积累&#xff0c;自主研发了一套…

小白也能懂!人物百度百科怎么创建?手把手教会你创建人物百科

在互联网时代&#xff0c;百度百科已经成为了人们获取信息的重要途径之一。对于名人、企业家、艺术家、专家学者等人物来说&#xff0c;拥有一个完善的百度百科词条不仅能够提升个人形象&#xff0c;还能够为他们的事业发展带来更多的机会&#xff0c;所以很多人都会去选择创建…

【开源商城推荐-LGPL-3.0】ts-mall 聚惠星商城

dts-shop: 聚惠星商城 DTS-SHOP&#xff0c;基于 微信小程序 springboot vue 技术构建 &#xff0c;支持单店铺&#xff0c;多店铺入驻的商城平台。项目包含 微信小程序&#xff0c;管理后台。基于java后台语言&#xff0c;已功能闭环&#xff0c;且达到商用标准的一套项目体…

用golang 实现给图片添加文字水印

package mainimport ("fmt""github.com/golang/freetype""image""image/draw""image/jpeg""io""os""time" )func main() {// 打开原始图片file, err : os.Open("004.jpeg")if err …

加工零件的题解

目录 原题描述&#xff1a; 题目描述 输入格式 输出格式 样例 #1 样例输入 #1 样例输出 #1 样例 #2 样例输入 #2 样例输出 #2 提示 题目大意&#xff1a; 主要思路&#xff1a; 但是我们怎么才能判断出x走到1时L是偶数还是奇数呢&#xff1f; 初始化&#xff1a;…

代客泊车「新赛点」,撬动大市场

低速泊车&#xff0c;正在从过去被忽视的角色&#xff0c;持续受益高阶智驾和整车智能化升级&#xff0c;重新焕发新生。无论是长距离/跨层记忆泊车、行泊一体、代客泊车&#xff0c;还是硬件复用&#xff0c;这个细分赛道的增长逻辑&#xff0c;正在发生微妙变化。 就在上个月…

【网络安全】【密码学】【北京航空航天大学】实验一、数论基础(上)【C语言和Java实现】

实验一、数论基础&#xff08;上&#xff09; 一、实验目的 1、通过本次实验&#xff0c;熟悉相关的编程环境&#xff0c;为后续的实验做好铺垫&#xff1b; 2、回顾数论学科中的重要基本算法&#xff0c;并加深对其的理解&#xff0c;为本学期密码学理论及实验课程打下良好…

Ubuntu启动Xming报错:cannot open display: :1.0

Ubuntu启动Xming报错&#xff1a;cannot open display: :1.0 1、问题描述&#xff1a;2、问题解决&#xff1a;3、实践结果&#xff1a; 叮嘟&#xff01;这里是小啊呜的学习课程资料整理。好记性不如烂笔头&#xff0c;今天也是努力进步的一天。一起加油进阶吧&#xff01; 1、…

# 大模型实战作业02

大模型实战作业02 知识库助手搭建 注 有些问题在回答的时候可能出现乱码的情况 可能的原因 模型内部提示词知识库 这部分可以做适当的优化&#xff0c;对于无法回答或回答质量不佳的回答返回特定话术提升用户体验

《突破自我:2023年度总结与展望》

文章目录 引言&#xff1a;回顾过去一年的亮点&#xff1a;面对的挑战及解决方案&#xff1a;JSBridge原理原理介绍实现流程实现思路第一步&#xff1a;设计出一个Native与JS交互的全局桥梁对象第二步&#xff1a; JS如何调用native第三步&#xff1a;Native如何得知api被调用第…

抽烟识别摄像机

抽烟识别摄像机是一种利用计算机视觉和人工智能技术的设备&#xff0c;能够实时监测和识别吸烟行为。该摄像机通过分析人体姿态和动作&#xff0c;识别出可能的吸烟行为&#xff0c;并及时发出警告或报警。这种摄像机可以广泛应用于公共场所、办公场所、学校和医疗机构等地方&a…
最新文章