Mở đầu
Đ&ocirc;i khi bạn bắt gặp một số c&acirc;u hỏi phỏng vấn tr&ocirc;ng c&oacute; vẻ đơn giản nhưng lại thử th&aacute;ch khả năng hiểu biết về JavaScript. Liệu bạn c&oacute; thể trả lời ch&iacute;nh x&aacute;c kh&ocirc;ng?
<h2 style="text-align: justify;">1. &ldquo;x !== x&rdquo; c&oacute; trả về true kh&ocirc;ng?</h2>
x n&ecirc;n c&oacute; gi&aacute; trị g&igrave; để trả về &ldquo;hello fatfish&rdquo;?
<pre class="language-python"><code>const x = ? // Please fill in the value of "x?
if (x !== x) {
 console.log('hello fatfish')
}</code></pre>
Liệu c&oacute; gi&aacute; trị n&agrave;o kh&ocirc;ng bằng ch&iacute;nh n&oacute; kh&ocirc;ng? Thực ra l&agrave; c&oacute; đấy. Đ&oacute; ch&iacute;nh l&agrave; gi&aacute; trị <code>NaN</code> trong JavaScript, gi&aacute; trị n&agrave;y kh&ocirc;ng tương đồng với bất kỳ gi&aacute; trị số học n&agrave;o, bao gồm cả ch&iacute;nh n&oacute;.
<pre class="language-python"><code>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</code></pre>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/3da6a98e-7463-428b-9356-fb80440e36ad" alt="&ldquo;x !== x&rdquo; c&oacute; trả về true kh&ocirc;ng?" />
<h2 style="text-align: justify;">2.&nbsp; (!isNaN(x) &amp;&amp; x !== x) c&oacute; trả về true kh&ocirc;ng?</h2>
Ngo&agrave;i &ldquo;NaN&rdquo;, liệu c&ograve;n c&oacute; gi&aacute; trị n&agrave;o kh&ocirc;ng bằng ch&iacute;nh n&oacute; kh&ocirc;ng?
<pre class="language-python"><code>const x = ? // Please fill in the value of "x?
if(!isNaN(x) &amp;&amp; x !== x) {
 console.log('hello fatfish')
}</code></pre>
Đ&oacute; l&agrave; khi ta cần d&ugrave;ng &ldquo;object. Defineproperty&rdquo; để giải quyết vấn đề.
<pre class="language-python"><code>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</code></pre>
<img style="width: 500px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/59b8a8e1-2c7a-4cd1-83c0-3ee557fa8849" alt="(!isNaN(x) &amp;&amp; x !== x) c&oacute; trả về true kh&ocirc;ng?" />
<h2 style="text-align: justify;">3. L&agrave;m thế n&agrave;o để &ldquo;x === x + 1&rdquo;?</h2>
C&acirc;u hỏi n&agrave;y tr&ocirc;ng c&oacute; vẻ kh&oacute; nhằn, nhưng nếu bạn đ&atilde; học JavaScript, bạn sẽ biết rằng &ldquo;Hằng số Number.MAX_SAFE_INTEGER đại diện cho số nguy&ecirc;n an to&agrave;n lớn nhất trong JavaScript (2⁵&sup3; &mdash; 1).&rdquo; (Nguồn: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER">MDN</a>)
<pre class="language-python"><code>const x = ? // Please fill in the value of "x?
if (x === x + 1) {
 console.log('hello fatfish')
}</code></pre>
V&igrave; thế ta c&oacute; thể g&aacute;n cho x một gi&aacute; trị bất kỳ lớn hơn &ldquo;Number.MAX_SAFE_INTEGER&rdquo;.
<pre class="language-python"><code>const x = Number.MAX_SAFE_INTEGER + 1// Please fill in the value of "x?
if (x === x + 1) {
 console.log('hello fatfish')
}</code></pre>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/9f2027b4-6c08-4e83-8731-e089068c55f0" alt="L&agrave;m thế n&agrave;o để &ldquo;x === x + 1&rdquo;?" />
<h2 style="text-align: justify;">4. &ldquo;x &gt; x&rdquo; c&oacute; trả về true hay kh&ocirc;ng?</h2>
Kiểu c&acirc;u hỏi g&igrave; thế n&agrave;y?!
<pre class="language-python"><code>const x = ? // Please fill in the value of "x?
if (x &gt; x) {
 console.log('hello fatfish')
}</code></pre>
Nghe c&oacute; vẻ v&ocirc; l&yacute;, l&agrave;m thế n&agrave;o một gi&aacute; trị lại lớn hơn ch&iacute;nh n&oacute; được? Thực ra điều đ&oacute; vẫn c&oacute; thể xảy ra nếu c&acirc;u hỏi nhắc đến t&iacute;nh năng &ldquo;Symbol.toPrimitive&rdquo;.
<pre class="language-python"><code>const x = { // Please fill in the value of "x?
 value: 1,
 [ Symbol.toPrimitive ] () {
 console.log('x', this.value)
 return --this.value
 }
}
if (x &gt; x) {
 console.log('hello fatfish')
}</code></pre>
<h1 style="text-align: justify;"><img style="width: 450px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/6bc81a02-1c1b-4791-9e12-b585bde3cb64" alt="&ldquo;x &gt; x&rdquo; c&oacute; trả về true hay kh&ocirc;ng?" /></h1>
<h2 style="text-align: justify;">5. typeof x === &lsquo;undefined&rsquo; &amp;&amp; x.length &gt; 0 ?</h2>
<pre class="language-python"><code>const x = ? // Please fill in the value of "x?
if(typeof x === 'undefined' &amp;&amp; x.length &gt; 0) {
 console.log('hello fatfish')
}</code></pre>
JavaScript l&agrave; một ng&ocirc;n ngữ kh&aacute; th&uacute; vị. Ngo&agrave;i việc một gi&aacute; trị tự undefined ch&iacute;nh n&oacute;, liệu c&oacute; gi&aacute; trị n&agrave;o c&oacute; thể khiến typeof x === undefined&rdquo; trả về true kh&ocirc;ng?
C&acirc;u trả lời l&agrave; document. All - HTMLAllCollection chứa tất cả phần tử trong t&agrave;i liệu (Nguồn: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/all">MDN</a>) 
<pre class="language-python"><code>const x = document.all // Please fill in the value of "x?
if(typeof x === 'undefined' &amp;&amp; x.length &gt; 0) {
 console.log('hello fatfish')
}
console.log(x)
console.log(typeof x)
console.log(x === undefined)</code></pre>

Admin

“x!==x” có trả về true trong JavaScript không?

Cùng tác giả

Admin

Có liên quan