博客
关于我
js中两个等号和三个等号区别?
阅读量:509 次
发布时间:2019-03-07

本文共 1103 字,大约阅读时间需要 3 分钟。

在 JavaScript 中,比较运算符的选择至关重要,特别是==和===的区别。以下是它们的详细比较和使用指导:

1. getType === ===的严格等式

  • 类型检查:首先检查两个变量的类型。如果类型不同,表达式结果为false

    • 示例:5 === "5",返回false,因为它们是不同的类型。
    • 示例:两个对象指向同一个,返回true
  • NaN处理:严格比较中,NaN !== NaN,因为NaN是唯一无法与自己比较的值。

    • 示例:isNaN(NaN) === true(使用isNaN()函数检测)。
  • 字符串比较:每个字符必须完全相同。

    • 示例:“abc” === “abc”``,返回true“ab” !== “abc”,返回false`。
  • 布尔值:必须是同一类型且相等。

    • 示例:true === true``,返回truetrue !== 1,返回false`。
  • 对象和函数:比较引用是否相同。

    • 示例:var obj1 = {}, obj2 = {};obj1 === obj2返回false
  • null和undefined:两者都返回true

    • 示例:null === undefined返回false

2. 非严格等式 === =

  • 类型转换:在比较前,会自动尝试转换两边的值。

    • 示例:"1" == true1"1"比较返回true,因为true转换为1
  • 特殊值检查:对于nullundefined,直接比较null == undefined返回false

  • NaN比较NaN == NaN返回true,因为在非严格比较中,NaN被认为等于自己。

  • 字符串和数值:非类型转换的字符串和数值比较,可能导致意外结果。

    • 示例:"1" == true返回true
  • 布尔和数值:非严格比较下,true1比较则转换为相同的值。

3. 使用的场景

  • 类型转换:在需要隐含的类型转换时使用非严格比较。

    • 示例:"\n" == prepares的处理,转换为特定的值。
  • 用户输入:处理空值和转换后的结果。

  • 原始值和对象:在处理truefalsenullundefined时使用非严格比较。

4. 哦,这么多规则,我应该如何选择?

根据具体需求选择运算符:

  • 绝大多数情况,用于比较值时或使用===
  • 需要隐含类型转换时,使用==
  • 检查引用类型时,使用===
  • 处理NaN时,使用isNaN()函数,并结合===维护正确性。
  • 5. 避免错误

    • 避免依赖隐式转换,明确写出转换逻辑,避免意外的结果。
    • 在复杂条件下,保持逻辑的清晰和可读性。

    通过合理选择运算符,可以更可靠地编写代码,避免逻辑错误。

    转载地址:http://tvyjz.baihongyu.com/

    你可能感兴趣的文章
    Nacos安装教程(非常详细)从零基础入门到精通,看完这一篇就够了
    查看>>
    Nacos实战攻略:从入门到精通,全面掌握服务治理与配置管理!(上)
    查看>>
    Nacos实战攻略:从入门到精通,全面掌握服务治理与配置管理!(下)
    查看>>
    Nacos心跳机制实现快速上下线
    查看>>
    nacos报错com.alibaba.nacos.shaded.io.grpc.StatusRuntimeException: UNAVAILABLE: io exception
    查看>>
    nacos服务提供和发现及客户端负载均衡配置
    查看>>
    Nacos服务注册与发现demo
    查看>>
    Nacos服务注册与发现的2种实现方法!
    查看>>
    nacos服务注册和发现原理简单实现案例
    查看>>
    Nacos服务注册总流程(源码分析)
    查看>>
    nacos服务注册流程
    查看>>
    Nacos服务部署安装
    查看>>
    nacos本地可以,上服务器报错
    查看>>
    Nacos注册Dubbo(2.7.x)以及namespace配置
    查看>>
    Nacos注册中心有几种调用方式?
    查看>>
    nacos注册失败,Feign调用失败,feign无法注入成我们的bean对象
    查看>>
    nacos源码 nacos注册中心1.4.x 源码 nacos源码如何下载 nacos 客户端源码下载地址 nacos discovery下载地址(一)
    查看>>
    nacos源码 nacos注册中心1.4.x 源码 spring cloud alibaba 的discovery做了什么 nacos客户端是如何启动的(二)
    查看>>
    nacos源码 nacos注册中心1.4.x 源码 如何注册服务 发送请求,nacos clinet客户端心跳 nacos 注册中心客户端如何发送的心跳 (三)
    查看>>
    Nacos源码分析:心跳机制、健康检查、服务发现、AP集群
    查看>>