JS面试点-Object.is和===的区别?

2022-10-28 13:04:16 浏览数 (2)

Object.is() 方法判断两个值是否是相同的值。表示两个参数是否相同的布尔值 。

如果下列任何一项成立,则两个值相同:

  • 两个值都是 undefined
  • 两个值都是 null
  • 两个值都是 true 或者都是 false
  • 两个值是由相同个数的字符按照相同的顺序组成的字符串
  • 两个值指向同一个对象
  • 两个值都是数字并且
  • 都是正零 0
  • 都是负零 -0
  • 都是 NaN
  • 都是除零和 NaN 外的其它同一个数字

这种相等性判断逻辑和传统的 == 运算不同,== 运算符会对它两边的操作数做隐式类型转换(如果它们类型不同),然后才进行相等性比较,(所以才会有类似 "" == false 等于 true 的现象),但 Object.is 不会做这种类型转换。这与 === 运算符的判定方式也不一样。=== 运算符(和== 运算符)将数字值 -0 和 0 视为相等,并认为 Number.NaN 不等于 NaN。

代码语言:javascript复制
Object.is('foo', 'foo');     // true
Object.is(window, window);   // true
代码语言:javascript复制
Object.is('foo', 'bar');     // false
Object.is([], []);           // false
代码语言:javascript复制
var foo = { a: 1 };
var bar = { a: 1 };
Object.is(foo, foo);         // true
Object.is(foo, bar);         // false
代码语言:javascript复制
Object.is(null, null);       // true
代码语言:javascript复制
// 特例
Object.is(0, -0);            // false
Object.is( 0, -0);           // false
Object.is(0,  0);            // true
Object.is(-0, -0);           // true
Object.is(NaN, 0/0);         // true
NaN == NaN                   // false
代码语言:javascript复制
Object在严格等于的基础上修复了一些特殊情况下的失误,具体来说就是 0和-0,NaN和NaN。 

实现代码

代码语言:javascript复制
function is (x, y) {
    if (x === y) {
        // 运行到1/x === 1/y的时候x和y都为0,但是1/ 0 =  Infinity, 1/-0 = -Infinity, 是不一样的
        return x !== 0 || y !== 0 || 1 / x === 1 / y
    } else {
        // NaN===NaN是false,这是不对的,我们在这里做一个拦截,x !== x,那么一定是 NaN, y 同理
        // 两个都是NaN的时候返回true
        return x !== x && y !== y
    }
}

尚硅谷C核心技术

链接:https://pan.baidu.com/s/1SlUknJel3q7fYNZnhcWnSA

提取码:4b0r

0 人点赞