为什么 0.1 + 0.1 !== 0.2

总结了几个很有意思的基础题目,分享一下。

为什么 0.1 + 0.1 !== 0.2

看到这个问题,不得不想到计算机中的数据类型,其中浮点数表示有限的精度。那么它就无法精确的表示所有的十进制小数,所以在在某些情况下,浮点数的运算可能会导致微小的精度误差。这就是为什么 0.1 + 0.1 不等于 0.2 的原因。

具体来说,0.10.2 这两个数字都无法在二进制浮点数表示中精确地表示为有限位数的小数。这导致了一个微小的误差,当它们相加时,这个误差会叠加,使得结果不等于 0.2

这个问题不仅适用于 JavaScript,还适用于大多数编程语言中使用浮点数表示的情况。为了处理这种情况,通常需要在比较浮点数时使用某种容忍误差的方法,而不是直接进行相等性比较。

在 JavaScript 中,可以使用以下方法来处理浮点数的比较:

// 使用小数点后的位数来比较
const num1 = 0.1 + 0.1;
const num2 = 0.2;
const tolerance = 0.000001; // 定义一个容忍误差if (Math.abs(num1 - num2) < tolerance) {console.log("它们大致相等");
} else {console.log("它们不相等");
}

[“1”,“2”,“3”].map(parseInt) 结果是什么

第一感觉是不是打印[“1”, “2”, “3”]。不认真看确实会有这样的结论。实际上并不是。
这个题目涉及到了map和parseIent两个知识点,首先了解一下这两个函数。

  1. map:JavaScript 中的 map() 函数是数组对象的一个高阶函数,它用于对数组的每个元素执行一个指定的函数,并返回一个新的数组,新数组中的元素是原始数组元素按照指定函数进行转换后的结果。map() 函数的基本语法如下:
array.map(callback(currentValue[, index[, array]])[, thisArg])

参数说明:

  • callback:一个函数,用于对每个元素进行处理。这个函数接受三个参数:
    • currentValue:当前正在处理的数组元素。
    • index(可选):当前元素的索引。
    • array(可选):调用 map() 的数组本身。
  • thisArg(可选):可选参数,用于指定 callback 函数中 this 的值。

map() 函数的工作流程如下:

  • 从数组的第一个元素开始,依次对每个元素执行 callback 函数。
  • callback 函数的返回值存储在一个新数组中。
  • 返回新数组作为 map() 函数的结果。
  1. parseInt:函数接受两个参数:要解析的字符串和基数(进制)。但在 map 中,parseInt 被传递了三个参数:当前元素、当前索引和数组本身。

所以[“1”, “2”, “3”].map(parseInt)的结果是[1, NaN, NaN]。

map 将按照以下方式调用 parseInt

  • 第一次调用:parseInt("1", 0, ["1", "2", "3"]),其中基数为 0(表示自动识别进制)。
  • 第二次调用:parseInt("2", 1, ["1", "2", "3"]),其中基数为 1。
  • 第三次调用:parseInt("3", 2, ["1", "2", "3"]),其中基数为 2。

parseInt 在解析字符串时,如果第一个字符无法转换为数字,则返回 NaN。在这里,第一次调用 parseInt 时,字符串 “1” 可以成功解析为数字 1。然而,在第二次和第三次调用时,基数参数不符合期望的进制,因此解析失败,返回 NaN

因此,["1", "2", "3"].map(parseInt) 的结果是 [1, NaN, NaN],这是由于 parseInt 函数在不同基数下的解析失败导致的。

下列题目输出结果

(function a () {"use strict";var a = b = 3;
})();
console.log("输出a" + (typeof a !== 'undefined'));
console.log("输出b" + (typeof b !== 'undefined'));

非严格模式下运行
代码块 (function a (){ var a = b =3; })(); 包含了一个函数表达式。在这个代码块中,有以下操作:

  1. var a = b = 3;:这个语句声明了变量 a,但同时也声明了一个全局变量 b 并将其赋值为 3。在非严格模式下,未使用 varletconst 声明的变量会成为全局变量。

  2. console.log("输出a" + (typeof a !== 'undefined')):在这里,你尝试检查变量 a 是否被定义。由于 a 被声明为局部变量,因此在函数外部不可见,typeof a 返回 "undefined",因此整个表达式的结果是 "输出afalse"

  3. console.log("输出b" + (typeof b !== 'undefined')):这里尝试检查变量 b 是否被定义。虽然 b 在函数内部赋值,但由于没有使用 varletconst 来声明它,它成为了一个全局变量,因此在整个页面的作用域内都可见。typeof b 返回 "number"(因为它被赋值为 3),因此整个表达式的结果是 "输出btrue"
    根据非严格模式下的变量作用域和声明方式,代码的输出结果是 "输出afalse""输出btrue"

严格模式下
严格模式下不会输出任何结果,而会抛出错误。
在上面代码块内,有一个立即执行函数 (function a (){ ... })();,它包含了以下行为:

  1. var a = b = 3;:在这行代码中,尝试声明一个局部变量 a,并将其赋值为 b。然而,这里存在一个陷阱。由于没有使用 varletconst 来声明 b,它成为了一个全局变量,而不是局部变量。这意味着 b 的作用域会泄漏到外部的函数作用域(全局作用域),而不是被限制在函数内部。

  2. 在严格模式下,var a 的作用域仅限于函数内部,所以 a 只能在函数内部访问,而在函数外部是不可见的。因此,尝试在函数外部访问 a 时会导致 Uncaught ReferenceError 错误。

  3. 同样,在严格模式下,尝试在函数外部访问全局变量 b 时,也会导致 Uncaught ReferenceError 错误,因为全局变量 b 在非严格模式下会被隐式地创建,但在严格模式下需要显式声明。

所以在定义**var a = b =3;**时就会抛出错误,不会执行打印的语句
在这里插入图片描述

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

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

相关文章

基座向量施密特正交化

最近再次细细的阅读了向量施密特正交化&#xff0c;重新系统梳理一下 一、正交基地与向量的正交分解 二、基化成标准正交基&#xff0c;是什么意思 将一个向量空间中的基向量通过某种方式转化为一组标准正交基&#xff0c;是指将原有的基向量进行调整&#xff0c;使得它们满足…

安卓:解决AndroidStudio导出Unity的Apk(APP)出现2个显示图标

用AndroidStudio打开该项目 实现只保留1个app图标 AndroidManifest.xml的改法如下&#xff1a; <?xml version"1.0" encoding"utf-8"?> <manifest xmlns:android"http://schemas.android.com/apk/res/android" package"com.fru…

IO流(字节流与字符流) 和 File对象 详解与使用

IO流 和 File对象 理论概念 为什么需要io流呢&#xff1f; 如上图这些基本数据类型和对象以及列表都是内存中的数据&#xff0c;只要断电或者程序停止&#xff0c;这些数据将会永久消失。 那么如果我需要长久保存一些数据怎么办&#xff1f;(持久化) 那么就需要使用File对象…

C++ - unordered系列关联式容器介绍 - 和 set map 的比较

前言 C - map 和 set 使用介绍_chihiro1122的博客-CSDN博客 C - map 和 set的 例题_chihiro1122的博客-CSDN博客 C - map 和 set 的模拟实现上篇 - 红黑树当中的仿函数 - 红黑树的迭代器实现-CSDN博客、 C - set 和 map 的实现&#xff08;下篇&#xff09;- set 和 map 的迭…

自定义热加载:如何不停机实现核心代码更新

文章目录 1. 常见的几种实现代码热更新的几种方式对于开发环境我们可以使用部署环境1. 使用 Arthas 的 redefine 命令来加载新的 class 文件2. 利用 URLClassLoader 动态加载3. 通过Java的Instrumentation API 也是可以实现的 2. 实现1. ClassScanner扫描目录和加载类2. 定时任…

Grafana 开源了一款 eBPF 采集器 Beyla

eBPF 的发展如火如荼&#xff0c;在可观测性领域大放异彩&#xff0c;Grafana 近期也发布了一款 eBPF 采集器&#xff0c;可以采集服务的 RED 指标&#xff0c;本文做一个尝鲜介绍&#xff0c;让读者有个大概了解。 eBPF 基础介绍可以参考我之前的文章《eBPF Hello world》。理…

【Git】轻松学会 Git(一):掌握 Git 的基本操作

文章目录 前言一、创建 Git 本地仓库1.1 什么是仓库1.2 创建本地仓库1.3 .git 目录结构 二、配置 Git三、认识 Git 的工作区、暂存区和版本库3.1 什么是 Git 的工作区、暂存区和版本库3.2 工作区、暂存区和版本库之间的关系 四、添加文件4.1 添加文件到暂存区和版本库中的命令4…

深度学习-优化器

1.梯度下降 最开始的梯度下降算法&#xff0c;更新权重的方法是theta theta - learning_rate * gradient(loss),loss是损失函数。但是这种方法只关心当前的梯度&#xff0c;如果坡度较缓&#xff0c;则它依然会以一种缓慢的速度下降&#xff0c;我们先举个例子&#xff0c;使…

光耦的原理和作用

光耦又叫光电耦合器。 这个是四脚光耦的电路符号&#xff0c;12之间是一个发光二极管&#xff0c;34之间是一个光电三极管&#xff0c;光藕就相当于把发光二极管和光电三极管封装在一个密闭的壳体中的器件。 当光耦发光二极管两端没有电压或电压不足使他导通时&#xff0c;发光…

2023-9-27 JZ55 二叉树的深度

题目链接&#xff1a;二叉树的深度 import java.util.*; /** public class TreeNode {int val 0;TreeNode left null;TreeNode right null;public TreeNode(int val) {this.val val;}} */ public class Solution {public int TreeDepth(TreeNode root) {if(root null) ret…

什么是HTTP/2?它与HTTP/1.1相比有什么改进?

聚沙成塔每天进步一点点 ⭐ 专栏简介⭐ HTTP/2 简介⭐ 主要的改进和特点⭐ 总结⭐ 写在最后 ⭐ 专栏简介 前端入门之旅&#xff1a;探索Web开发的奇妙世界 欢迎来到前端入门之旅&#xff01;感兴趣的可以订阅本专栏哦&#xff01;这个专栏是为那些对Web开发感兴趣、刚刚踏入前端…

二叉树MFC实现

设有一颗二叉树如下&#xff1b; 这似乎是一颗经常用作示例的二叉树&#xff1b; 对树进行遍历的结果是&#xff0c; 先序为&#xff1a;3、2、2、3、8、6、5、4&#xff0c; 中序为&#xff1a;2、2、3、3、4、5、6、8&#xff0c; 后序为2、3、2、4、5、6、8、3&#xff1b…

Java编译运行结果乱码

一、问题 编译运行结果乱码 二、处理方法 方法1&#xff1a;将.java文件另存为编码设置为ANSI 方法2&#xff1a;使用命令参数 encoding javac -encoding utf-8 csdn.java 当你文件编码格式是utf-8需要指定java编译器的编码格式&#xff0c;如果没有用到encoding参数指定ja…

渗透测试中的前端调试(一)

前言 前端调试是安全测试的重要组成部分。它能够帮助我们掌握网页的运行原理&#xff0c;包括js脚本的逻辑、加解密的方法、网络请求的参数等。利用这些信息&#xff0c;我们就可以更准确地发现网站的漏洞&#xff0c;制定出有效的攻击策略。前端知识对于安全来说&#xff0c;…

代码随想录 Day7 字符串1 LeetCode T344反转字符串 T541 反转字符串II 151翻转字符串的单词

本文更详细解析来自于:代码随想录 (programmercarl.com) LeetCode T344 反转字符串 链接:344. 反转字符串 - 力扣&#xff08;LeetCode&#xff09; 题目思路 这题的思路很简单,只需要创建两个指针,一个指向首字母,一个指向末字母,两两进行交换即可,这里我们要说的就是交换,可…

实验室安全教育与考试

目录 我的错题&#xff08;2个&#xff09;新知识题目&#xff08;10个&#xff09;刚开始不太理解的题目&#xff08;10个&#xff09;写在最后&#xff08;免责声明&#xff09; 我的错题&#xff08;2个&#xff09; 18.发生电气火灾时可以使用的灭火设备包括&#xff1a;&…

WebSocket的那些事(6- RabbitMQ STOMP目的地详解)

目录 一、目的地类型二、Exchange类型目的地三、Queue类型目的地四、AMQ Queue类型目的地五、Topic类型目的地 一、目的地类型 在上节 WebSocket的那些事&#xff08;5-Spring STOMP支持之连接外部消息代理&#xff09;中我们已经简单介绍了各种目的地类型&#xff0c;如下图&…

【数据结构】—超级详细的归并排序(含C语言实现)

​ 食用指南&#xff1a;本文在有C基础的情况下食用更佳 &#x1f525;这就不得不推荐此专栏了&#xff1a;C语言 ♈️今日夜电波&#xff1a;斜陽—ヨルシカ 0:30━━━━━━️&#x1f49f;──────── 3:20 …

vue项目 H5 动态设置浏览器标题

1&#xff0c;先将要展示的标题存本地 if (that.PromotionInfo.Title) {localStorage.setItem("AcTitle", that.PromotionInfo.Title)} 2,现在路由meta中设置标题&#xff0c;再在路由守卫中设置 import Vue from vue import Router from vue-router import prom…

新手程序员怎么接单?

程序员如何在自己年富力强的时候&#xff0c;最大化发挥自己的能力&#xff1f;将超能力转化为“钞能力”&#xff1f; 有人还在苦哈哈当老黄牛&#xff0c;一身使不完的牛劲&#xff0c;有人已经另辟蹊径&#xff0c;开创了自己的一片致富小天地。 接单找兼职&#xff0c;就…