1、为什么讨论这个问题?

- 有个说法,尽量不用==,而使用===,是这样吗?

2、分析问题,原理是什么?

  下面说说ECMAScript 5 language specification里的说明:

  1)两种比较方法

    全等号===只考虑类型相同的值的比较,不同类型使用===进行比较,返回false

    双等号==会先将不同类型的值转为相同类型,然后使用全等号进行比较。

    使用双等号会有两个问题:

    ● 转换规则可能不是你期望的那样

    ● 由于双等号是宽容的,类型错误可能会被忽略掉。

  2)全等号===(严格等号)

    比较两个值,

    如果类型不同,一定返回false;

    如果类型相同,则按照如下的规则进行比较:

      ① 两个都是undefined类型,返回true;(undefined === undefined)

      ② 两个都是null类型,返回true;(null === null)

      ③ 两个都是number类型

        如果有一个是NaN,则为false;(Nan !== *//any value including NaN)

        如果两个值相同,返回true;(x==x)

        一个是+0,一个是-0(+0===-0)

      ④ 两个都是boolean类型或者两个都是string类型(基础数据类型,不是String对象),答案很明显。

        "111" === "111"//true

        true === true//true

      ⑤ 两个对象(包括array和function),除非是同一个对象(即同一个引用),否则都是false

        var a = NaN;

        a === a;//false(NaN无法用来比较)

        

        var b = {}, c = {};

        b === c;//false

        b === b;//true

        "abc" = new String("abc");//false(左边是基本数据类型string,后边是object类型)

        注:ECMAScript中有5种基本数据类型(Undefined、Null、Boolean、Number、String)

          还有1种复杂数据类型Object。

  3)双等号==

     比较两个值,如果两个值类型相同,则使用===进行对比;

     如果两个值类型不同,则按照一下规则进行比较:

      ① undefined == null

      ② 一个number,一个string,将string转换成number类型再做比较;

      ③ 一个boolean,一个非boolean,将boolean转换成number类型再做比较;

      ④ 一个string或者number,跟一个object,将object转换成基本数据类型再做比较;

     第三条规则会导致大于1的number值不等于true,比如:

      0 == false//true

      1 == true//true

      2 == true//false(true -- > 1 ; 2 != 1)

      2 ? true : false//true

        "" == 0;//true

      "123" == 123;//true

      "" == false//true(false-->0;""-->0;0==0)

      "1" == true//true

      "2" == true//false(true-->1;"2"-->2;2!=1)

      "true" == true//false(true-->1;"true"-->NaN;1!=NaN)

      "2" ? true : false//true(because string is non-empty)
      "abc" == new String("abc")//true(object->string)

3、得出结论和建议?

    鉴于==的对比规则会出现一些意想不到的结果,建议尽量多使用===,而非==。

参考文章:

http://www.2ality.com/2011/06/javascript-equality.html

https://www.zhihu.com/question/31442029

JS中“==”和“===”的原理和区别的更多相关文章

  1. JS中isPrototypeOf 和hasOwnProperty 的区别 ------- js使用in和hasOwnProperty获取对象属性的区别

    JS中isPrototypeOf 和hasOwnProperty 的区别 1.isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的 ...

  2. (网页)Angular.js 中 copy 赋值与 = 赋值 区别

    转自st.gg Angular.js 中 copy 赋值与 = 赋值 区别 为什么用 $scope.user = $scope.master; $scope.master 会跟着 $scope.use ...

  3. js中的substr和substring区别

    js中的substr和substring区别 Substring: 该方法可以有一个参数也可以有两个参数. (1)  一个参数: 示例: var str=“Olive”: str.substring( ...

  4. JS 中的require 和 import 区别整理

    ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入模块,使 ...

  5. 浅谈JS中的!=、== 、!==、===的用法和区别 JS中Null与Undefined的区别 读取XML文件 获取路径的方式 C#中Cookie,Session,Application的用法与区别? c#反射 抽象工厂

    浅谈JS中的!=.== .!==.===的用法和区别   var num = 1;     var str = '1';     var test = 1;     test == num  //tr ...

  6. js中JSON和JSONP的区别,让你从懵逼到恍然大悟

    说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服 ...

  7. [转]html js中name和id的区别和使用分析

    js中web页面元素的调用可以有两种识别方法:id和name 自己在用的过程中总结一下id和name的使用区别. 一,使用范围 除 BASE, HEAD, HTML, META, SCRIPT, ST ...

  8. js中__proto__和prototype的区别和关系?

    _proto__(隐式原型)与prototype(显式原型)1.是什么 显式原型 explicit prototype property: 每一个函数在创建之后都会拥有一个名为prototype的属性 ...

  9. 浅谈js中null和undefined的区别

    在JS中,null和undefined是经常让人摸不着头脑的东西,尤其是在数据初始化以及处理的过程中,经常稍微不注意,就会让页面在渲染时出现报错,下面来细说下,这两者之间的区别: null 表示一个对 ...

随机推荐

  1. Telnet IMAP Commands Note

    http://busylog.net/telnet-imap-commands-note/  Telnet IMAP Commands Note https://www.cnblogs.com/qiu ...

  2. tornado 数据库操作

    tornado是python的web框架,web程序开发中数据库操作是必须的. 安装: tornado的官方文档中提供的说明比较少,而且提供的模块中未找到数据库方面的模块,难道没有针对数据库操作进行封 ...

  3. Cracking the Coding Interview(String and array)

    1.1实现一个算法判断一个字符串是否存在重复字符.如果不能利用另外的数据结构又该如何实现? My solution: /** *利用类似一个hash table的计数 *然后检查这个hash tabl ...

  4. javap(反汇编命令)详解

    javap是JDK自带的反汇编器,可以查看java编译器为我们生成的字节码.通过它,我们可以对照源代码和字节码,从而了解很多编译器内部的工作. 语法: javap [ 命令选项 ] class. . ...

  5. 【BZOJ1502】[NOI2005]月下柠檬树 Simpson积分

    [BZOJ1502][NOI2005]月下柠檬树 Description 李哲非常非常喜欢柠檬树,特别是在静静的夜晚,当天空中有一弯明月温柔地照亮地面上的景物时,他必会悠闲地坐在他亲手植下的那棵柠檬树 ...

  6. 【C#】浏览器源代码

    using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usin ...

  7. 教你写gulp plugin

    前端开发近两年工程化大幅飙升.随着Nodejs大放异彩,静态文件处理不再需要其他语言辅助.主要的两大工具即为基于文件的grunt,基于流的gulp.简单来说,如果需要的只是文件处理,gulp绝对首选. ...

  8. [吐槽]我为什么讨厌C++

    最近在改currennt的代码,我擦擦擦,实在是忍不了了 C++最恶心的地方在于指针引用与面向对象混用!!TMD各种不匹配 举例: template <typename TDevice> ...

  9. java 中的继承

    继承的概念 继承就是子类继承父类的特征和行为,使得子类具有父类得属性和方法. 继承得关键字:extends 语法格式:<modifier> class <name> [exte ...

  10. LAMP部署流水

    1.安装完成linux系统后,关闭防火墙: [root@localhost ~]# service iptables stop iptables: Setting chains to policy A ...