JavaScript 面试问题: “x !== x” 能否返回 True
最近看到一些奇怪的面试问题。 它们与常规问题不同:这些面试问题看起来很简单,但它们会测试你对 JavaScript 的透彻理解。 你能答对几个?
1. “x !== x” 能否返回 true
输出“hello fatfish”的“x”值应该是多少?
const x = ?
if (x !== x) {
console.log('hello fatfish')
}
太奇妙了。 是否存在不等于自身的值? 但是,JavaScript 中有一个值 NaN,它不等于任何值,甚至不等于自身。
const x = NaN
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 = ?
if(!isNaN(x) && x !== x) {
console.log('hello fatfish')
}
也许你知道“object. Defineproperty”,它可以帮助我们解决这个问题。
window.x = 0
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 = ?
if (x === x + 1) {
console.log('hello fatfish')
}
所以我们可以为“x”分配任何大于“Number.MAX_SAFE_INTEGER”的值。
const x = Number.MAX_SAFE_INTEGER + 1
if (x === x + 1) {
console.log('hello fatfish')
}
4. “x > x”可以是 true 吗?
这是什么垃圾问题?
const x = ?
if (x > x) {
console.log('hello fatfish')
}
虽然看起来不太可能,但是一个值怎么可能大于它自己呢? 但是,我们可以使用 Symbol.toPrimitive
功能来完成问题。
const 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 = ?
if(typeof x === 'undefined' && x.length > 0) {
console.log('hello fatfish')
}
我不得不承认 JavaScript 是一门了不起的语言。 除了 undefined
本身,还有什么值可以让 typeof x === undefined
为真呢?
答案是document.All
一个 HTMLAllCollection
,它包含 document 中的每个元素。
const x = document.all
if(typeof x === 'undefined' && x.length > 0) {
console.log('hello fatfish')
}
console.log(x)
console.log(typeof x)
console.log(x === undefined)
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站。本站所有源码与软件均为原作者提供,仅供学习和研究使用。如您对本站的相关版权有任何异议,或者认为侵犯了您的合法权益,请及时通知我们处理。