“x !== x” 在 JS 中会返回 True 吗?
前言
我们在面试的时候,会被问到一些奇怪的面试问题。它们与常规问题不同:这些面试问题看起来很简单,但它们会测试你对 JavaScript 的理解是否透彻。
现在,我们一起来看看,自己能答对几个?
1、“x !== x”可以返回 true 吗?
输出“hello fatfish”的“x”值应该是多少?
const x = ?
// Please fill in the value of "x?
if (x !== x) {
console.log('hello fatfish')
}
太奇妙了,是否存在不等于自身的值?但是,JavaScript 中有一个值 NaN,它不等于任何值,甚至不等于自身。
const x = NaN; // Please fill in the value of "x?
if (x !== x) {
console.log('hello fatfish');
}
console.log(NaN === NaN); // false
console.log(x !== x); // true
console.log(Number.isNaN(x)); // true
2、(!isNaN(x) && x !== x) 可以返回 true 吗?
好的,当我们过滤掉“NaN”时,还有什么值可以让一个值不等于自己呢?
const x = ? // Please fill in the value of "x?
if(!isNaN(x) && x !== x) {
console.log('hello fatfish')
}
也许你知道“Object.Defineproperty”,它可以帮助我们解决这个问题。
window.x = 0; // Any value is OK
Object.defineProperty(window, 'x', {
get() {
return Math.random();
},
});
console.log(x); // 0.12259077808826002
console.log(x === x); // false
console.log(x !== x); // true
3、如何使“x === x + 1”?
这个问题可能并不容易,但只要你了解 JavaScript,你就会知道“Number.MAX_SAFE_INTEGER 常量代表 JavaScript 中的最大安全整数 (2⁵³ — 1)。”
const x = ? // Please fill in the value of "x?
if (x === x + 1) {
console.log('hello fatfish')
}
所以,我们可以为“x”分配任何大于“Number.MAX_SAFE_INTEGER”的值。
const x = Number.MAX_SAFE_INTEGER + 1; // Please fill in the value of "x?
if (x === x + 1) {
console.log('hello fatfish');
}
4、 “x > x”可以是真的吗?
这是什么垃圾问题?我不想再读了。
const x = ? // Please fill in the value of "x?
if (x > x) {
console.log('hello fatfish')
}
虽然,看起来不太可能,但是一个值怎么可能大于它自己呢?但是,我们可以使用“Symbol.toPrimitive”功能来完成问题。
const x = {
// Please fill in the value of "x?
value: 1,
[Symbol.toPrimitive]() {
console.log('x', this.value);
return --this.value;
},
};
if (x > x) {
console.log('hello fatfish');
}
哇,太神奇了!
5、 typeof x === ‘undefined’ && x.length > 0 ?
const x = ? // Please fill in the value of "x?
if(typeof x === 'undefined' && x.length > 0) {
console.log('hello fatfish')
}
我不得不承认 JavaScript 是一门了不起的语言。除了 undefined 本身,还有什么值可以让 typeof x === undefined” 为真呢?
答案是 document. All,包含文档中每个元素的 HTMLAllCollection
const x = document.all; // Please fill in the value of "x?
if (typeof x === 'undefined' && x.length > 0) {
console.log('hello fatfish');
}
console.log(x);
console.log(typeof x);
console.log(x === undefined);