• javascript的==和===,以及if(xxx)总结


    转载请注明 本文出自:http://blog.csdn.net/nancle

    首先说==和===

    • 首先说明一个非常特殊的值NaN, typeof(Nav)得到'number',可是NaN不等于不论什么一个值(包含它本身)。推断一个值是不是NaN仅仅能使用isNaN
      NaN == NaN //得到 false
      NaN === NaN //得到false
      isNaN(NaN) //得到true
    • 然后===也比較简单:
      1. 等号两边类型和值都相等才返回true
        1 === 1 //得到 true
        1 === ‘1’//得到false
      2. 对于对象、数组、函数(三者均为对象Object的instance):仅仅有等号两边引用了同一个对象。才返回true。引用不同对象。即使两个对象值相等也返回false。
        var a = {test:'test'};
        var b = {test:'test'};
        var c = a;
        a === b //得到false
        a === c  //得到true
      3. 对于undefined和null:仅仅有两边同一时候为undefined或者同一时候为null时全然相等
        undefined === undefined //得到true
        null === null //得到true
        undefined === null //得到false
    • ==略微复杂些:
      1.  假设等号两边的类型和值相等则返回true
      2. 假设等号两边类型相等。可是值不相等,则按下面规则比較:
        • 假设一个值是数字。还有一个值是字符串,把字符串转换为数字。再用转换后的值进行比較。

          1 == '1' //得到true
        • 假设一个值为true,将它转化为1,再进行比較。

          假设一个值为false,把它转化为0,再进行比較。

          true == 1 //得到true
          0 == false// 得到true
        • 假设等号两边都是对象,那么必须引用同一个对象才返回true。假设一个值是对象,还有一个值是数字或字符串。将对象转换成原始类型的值,再进行比較。能够使用对象的toString()方法或valueOf()方法把对象转化成原始类型的值。

          JavaScript核心语言的内部类通常先尝试valueOf()方法转换,再尝试toString()方法转换,可是对于Date类。则先运行toString()方法再运行valueOf()方法转换。不属于JavaScript核心语言的对象则能够採用JavaScript实现定义的方式把自身转换成原始数值。

          var  a = {test:'test'};
          var  b = {test:'test'};
          a.valueOf = function(){return 1};
          b.valueOf = function(){return 1};
          a == b // 返回false
          1 == a //返回true
      3. 对于undefined和null: 等号两边出现随意一个都返回true
        undefined == undefined //得到true
        null == null //得到true
        undefined == null //得到true

    然后说明if(xxx):

    if(xxx)事实上非常easy,它始终会把xxx的值转换成Boolean(即true或者false);  0,'0',[],null,undefined,NaN转换成Boolean类型都为false。


    附:这里说一个非常实用的技巧。在变量前面加两个!! 取反符号。能够把变量强制转换成Boolean类型,这样一来,!!NaN ===  !!null也得到true,奇妙吧!

  • 相关阅读:
    判断js中的类型
    js数组的4种遍历方式
    js笔记
    Windows 常用 CMD 命令介绍
    css笔记
    winform项目笔记:
    Angular4 中内置指令的基本用法
    Angular4入门笔记
    8、跳台阶
    7、斐波那契数列
  • 原文地址:https://www.cnblogs.com/wzzkaifa/p/6978293.html
Copyright © 2020-2023  润新知