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

用户10106350

发布于 2022-10-28 13:04:16

1.3K0

发布于 2022-10-28 13:04:16

文章被收录于专栏：WflynnWeb

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

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

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

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

Object.is('foo', 'foo');     // true
Object.is(window, window);   // true

Object.is('foo', 'bar');     // false
Object.is([], []);           // false

var foo = { a: 1 };
var bar = { a: 1 };
Object.is(foo, foo);         // true
Object.is(foo, bar);         // false

Object.is(null, null);       // true

// 特例
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

Object在严格等于的基础上修复了一些特殊情况下的失误，具体来说就是+0和-0，NaN和NaN。

实现代码

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

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2019-12-10，如有侵权请联系 cloudcommunity@tencent.com 删除

nan