JavaScript运算符优先顺序

news2024/12/23 14:45:43

● 我们可以通过MDN去查看运算符的优先级
在这里插入图片描述

● 可以看到运算符是从左到右还是从右到左进行运算的;

let x, y;
x = y = 25 - 10 - 5;
console.log (x, y);

上面的运算会现实10 10,为什么会得到这样的结果呢?因为你查看mdn那个表你会发现,减号运算符会比等号运算符的优先级高!
在这里插入图片描述

● 我们可以看到优先级最高的是(),分组,举例说明
● 如果现在我们像得到张三和王五的平均年龄,我们像这么写

const averageAge = zhangSan + wangWu / 2;
console.log(zhangSan, wangWu, averageAge);

● 这里我就不截图结果了,这种计算的结果肯定是错误的,因为通过表中所得+比/的优先级更好,所有JavaScript会先运算加法,再运算除法;但是()优先级是最高的,所以下面的代码会得到正确的答案;

const averageAge = (zhangSan + wangWu) / 2;
console.log(zhangSan, wangWu, averageAge);

挑战

马克和约翰正试图比较他们的BMI(身体质量指数),其计算公式是:: BMI=质量/身高**2=质量/(身高*高度)。(质量以公斤为单位,高度以米为单位)。

  1. 将马克和约翰的质量和身高储存在变量中
  2. 使用该公式计算他们两人的BMI(你甚至可以实现两个版本)
  3. 3.创建一个布尔变量’markHigherBMI’,包含关于马克的BMI是否高于约翰的信息。

测试数据1:马克斯体重78公斤,身高1.69米。约翰体重为92公斤,身高为1.95米。
测试数据2:马克斯体重95公斤,身高1.88米。约翰体重85公斤,身高1.76米。

console.log("测试数据1");
const markWeight = 78;
const markHeight = 1.69;
const joneWeight = 92;
const joneHeight = 1.95;
const markBmi = markWeight / markHeight ** 2;
const joneBmi = joneWeight / joneHeight ** 2;
console.log(markBmi, joneBmi);
//或者
console.log("markBMI" + ":" + markWeight / markHeight ** 2);
console.log("joneBMI" + ":" + joneWeight / joneHeight ** 2);
const markHeightBMI = markBmi > joneBmi;
console.log(markHeightBMI);
console.log("测试数据2");
const markWeight = 95;
const markHeight = 1.88;
const joneWeight = 85;
const joneHeight = 1.76;
const markBmi = markWeight / markHeight ** 2;
const joneBmi = joneWeight / joneHeight ** 2;
console.log(markBmi, joneBmi);
//或者
console.log("markBMI" + ":" + markWeight / markHeight ** 2);
console.log("joneBMI" + ":" + joneWeight / joneHeight ** 2);
const markHeightBMI = markBmi > joneBmi;
console.log(markHeightBMI);

在这里插入图片描述
在这里插入图片描述

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

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

相关文章

使用Jquery为页面添加元素,并设置元素的背景图片时,背景图总会延迟几秒才会出现的问题

介绍 使用 jquery,为页面添加元素时,同时动态设置元素的背景图,总是会导致背景图延迟几秒才会出现,如下图所示: 解决方式 创建一个 image 对象,定义 image 对象的 src 属性;在 image 对象的 o…

Linux搭建node环境-MobaXterm+node+pm2安装

1.登录session 2.安装X11-forwarding 我也不知道这个有什么用,但是有个叉叉在那里有点难受,就把它解决了什么是X11-forwarding?怎么使用? yum install xorg-x11-xauth xorg-x11-fonts-* xorg-x11-font-utils xorg-x11-fonts-Ty…

软件架构介绍

一、定义 软件架构:可以简单理解为满足干系人关键诉求的一系列宏观决策。 二、软件质量属性 软件架构师大部分时间在解决以下产品质量模型中的质量属性问题。 三、程序员和架构师区别 从思维逻辑方面来看, 程序员从功能和业务逻辑方面去想问题。 架…

​大华智慧园区综合管理平台存在任意文件上传漏洞

免责声明 请勿利用文章内的相关技术从事非法测试,由于传播、利用此文所提供的信息或者工具而造成的任何直接或者间接的后果及损失,均由使用者本人负责,所产生的一切不良后果与文章作者无关。该文章仅供学习用途使用。 大华智慧园区综合管理平台简介 大华智慧园区综合管理…

HTML5学习简记

目录 HTML定义 标签 HTML基本骨架 常见标签 标题标签 段落标签 换行与水平线标签 文本格式化标签 图像标签 绝对路径与相对路径 超链接标签 音频与视频标签 列表标签 无序列表 有序列表 定义列表 表格标签 表格结构标签 合并单元格 表单标签 input标签 input标签占…

前端工程化第一章:webpack5基础(上)

文章目录 1. 什么是webpack?2. webpack使用2.2. 前置知识2.1. 创建一个项目 3. webpack打包3.1. 创建一个webpack.config.js文件3.2. 入口(entry)3.2.1. webpack.config.js3.2.2. src/index.js3.2.3. package.json 3.3. 输出(outp…

SpringMvc异常处理机制

预期异常和运行异常,前者通过捕获,后者通过规范代码开发、测试等手段减少发生概率。 系统dao层、service层、controller层出现都可通过throws Exception向上抛出,最终由SpringMvc前端控制器交由异常处理器进行异常处理。 SpringMvc项目异常处…

有必要买apple pencil吗?ipad触控笔推荐平价

科技的飞速发展改变了人们的生活。在各种电子、数码产品不断涌现的今天,这款能与平板电脑相匹配的电容笔就应运而生了。随着国内的电容笔技术的进步,它的使用领域也在不断地扩展,逐渐开始取代苹果原装电容笔。下面,我将为大家介绍…

IDEA使用GIT提交代码中文日志(commit message)乱码

最近换了新的开发环境,导致提交gti中文注释乱码,遂记录一下解决方案 idea中查看git提交信息显示中文是正常的 gitee上显示乱码 本地显示也是乱码 一、命令修改编码格式 git 安装目录下执行 git config --global i18n.commitencoding utf-8git config …

《爆肝整理》保姆级系列教程-玩转Charles抓包神器教程(6)-Charles安卓手机抓包大揭秘

1.简介 Charles和Fiddler一样不但能截获各种浏览器发出的 HTTP 请求,也可以截获各种智能手机发出的HTTP/ HTTPS 请求。 Charles也能截获 Android 和 Windows Phone 等设备发出的 HTTP/HTTPS 请求。 今天宏哥讲解和分享Charles如何截获安卓移动端发出的 HTTP/HTTP…

2023 年 7 月中旬使用各种随身 wifi 的电脑无法上网的解决方法

微软近日推送了安全更新,在 Win10 下编号为 KB5028166,在 Win11 下编号为 KB5028185。此补丁会导致部分电脑无法上网,主要是使用了各种品牌的随身 Wifi 的电脑。 具体症状表现为从控制面板的网络连接(ncpa.cpl)打开详细…

vue项目展示pdf文件

记录贴 最近我有个需求,就是在h5页面上展示pdf文件,分页,最后一页有个蒙层阴影渐变的效果,尝试过一些插件,但都不是很好用,最后用了pdfjs-dist加上canvas 可以看下效果 先下载: npm i pdfjs-dist2.5.207下面展示代码 html: <template><canvas v-for"pageNumb…

浅谈设计模式之单例模式

0 单例模式简介 单例模式属于创建型模式&#xff0c;它提供了一种创建对象的最佳方式。单例模式指的是单一的一个类&#xff0c;该类负责创建自己的对象&#xff0c;并且保证该对象唯一。该类提供了一种访问其唯一对象的方法&#xff0c;外部需要调用该类的对象可以通过方法获…

Python 自学 day06 JSON 数据传输,折线图,柱状图,动态柱状图

1.python JSON的知识 1.1 什么是 JSON 答&#xff1a; JSON是一种轻量级的数据交互格式。可以按照JSON指定的格式去组织和封装数据. JSON本质上是一个带有特定格式的字符串。 1.2 JSON 的主要功能 答&#xff1a;json就是一种在各个编程语言中流通的…

栈和队列OJ

文章目录 1.用队列实现栈2.用栈实现队列3.设计循环队列4.循环队列经典题 1.用队列实现栈 typedef int QDataType; typedef struct QueueNode {struct QueueNode* next;QDataType data; }QNode;typedef struct Queue {QNode* head;QNode* tail; }Queue; typedef struct MyStack …

⛳ Java数组

Java数组的目录 ⛳ Java数组&#x1f3a8; 一&#xff0c;一维数组&#x1f463; 1.1&#xff0c;概念&#x1f4e2; 1.2&#xff0c;基本用法1&#xff0c;语法格式2&#xff0c;代码 &#x1f4bb; 1.3&#xff0c;内存结构&#x1f4dd; 1.4&#xff0c;练习 &#x1f381; …

天翎MyApps低代码平台唯品会金牌客服管理系统

项目痛点&#xff1a; 作为一家知名的创新大型电商&#xff0c;唯品会秉承“传承品质生活&#xff0c;提升幸福体验”的企业使命。基于客服铁军锻造项目&#xff0c;实现基于金牌案例的提交、评审、积分&#xff0c;学习功能。 项目中的晋升机制、案例产生学习机制、双激励机制…

赛桨PaddleScience v1.0正式版发布,飞桨科学计算能力全面升级!

AI for Science日益表现出突破传统科学研究能力瓶颈的巨大潜力&#xff0c;正在成为全球科学研究新范式。近年来&#xff0c;各学科不断加入&#xff0c;模型精度、泛化性逐渐提高&#xff0c;不同技术路径、不同应用场景的AI for Science成功应用不断涌现&#xff0c;深度融合…

详解 Spring - Ioc(控制权反转) 和 DI(依赖注入)

目录 Spring 是什么? Ioc Ioc 的优点 DI Ioc 和 DI 的区别 Spring 是什么? 通常情况下 Spring 是指 Spring Framework (Spring 框架), 是一个开源框架, 有着庞大的社区, 这就是他能长久不衰的原因, Spring 支持广泛的应用场景, 他可以让企业级的应用开发起来更简单 S…

Selenium之css如何实现元素定位,你了解多少?

前言 世界上最远的距离大概就是明明看到一个页面元素站在那里&#xff0c;但是我却定位不到&#xff01;&#xff01; Selenium定位元素的方法有很多种&#xff0c;像是通过id、name、class_name、tag_name、link_text等等&#xff0c;但是这些方法局限性太大&#xff0c; 随…