Lập tr&igrave;nh vi&ecirc;n JavaScript như ch&uacute;ng ta thường sử dụng <code>console.log()</code> để kiểm tra đầu ra hoặc chỉ để thử nghiệm. Trong hầu hết trường hợp, code mở đầu khi đăng nhập thường l&agrave; &ldquo;Hello World&rdquo;.
<code>console.log("Hello World!")</code>
Đ&acirc;y l&agrave; đoạn code v&ocirc; c&ugrave;ng quen thuộc với c&aacute;c lập tr&igrave;nh vi&ecirc;n JS l&acirc;u năm. Tuy nhi&ecirc;n, đ&atilde; đến l&uacute;c ch&uacute;ng ta n&ecirc;n học c&aacute;ch chỉnh sửa code sao cho ngắn gọn v&agrave; hiệu quả hơn.
<h1 style="text-align: justify;">Bước đầu</h1>
Th&ocirc;ng thường, ch&uacute;ng ta nhập dữ liệu v&agrave;o console như sau:
<pre class="language-python"><code>console.log("I love js") // I love js
console.log(4 + 4) // 8
console.log(!true) // false</code></pre>
Tại sao kh&ocirc;ng thử c&uacute; ph&aacute;p ngắn gọn v&agrave; hiệu quả hơn như kiểu:
<pre class="language-python"><code>const log = (arg) =&gt; console.log(arg)</code></pre>
Ở đ&acirc;y, ch&uacute;ng ta đ&atilde; tạo một h&agrave;m c&oacute; t&ecirc;n ngắn hơn - log thay cho <code>console.log()</code>. Bạn c&oacute; thể r&uacute;t gọn t&ecirc;n th&ecirc;m nữa như sau:
<pre class="language-python"><code>const l = (arg) =&gt; console.log(arg)</code></pre>
Vậy viết code như tr&ecirc;n th&igrave; c&oacute; t&aacute;c dụng g&igrave;?
<h1 style="text-align: justify;">Lợi &iacute;ch</h1>
<ul style="text-align: justify;">
<li style="font-weight: 400;" aria-level="1">Code ngắn gọn hơn</li>
<li style="font-weight: 400;" aria-level="1">Code dễ đọc hơn</li>
<li style="font-weight: 400;" aria-level="1">Giảm bớt thời gian nhập code</li>
</ul>
H&atilde;y thử nghiệm n&agrave;o:
<pre class="language-python"><code>log("Hello world") // Hello world
log(4 + 4) // 8
log(!false) // true
log(Math.PI) // 3.141592653589793</code></pre>
Bạn c&oacute; thể tự chạy <a href="https://jsfiddle.net/c2rwtLv7/">code</a> như sau:
<pre class="language-python"><code>const log = (arg) =&gt; console.log(arg)
log("Hello world")
log(4 + 4)
log(!false)
log(Math.PI)</code></pre>
<h1 style="text-align: justify;">Kết luận</h1>
Đ&acirc;y l&agrave; một mẹo nhanh gi&uacute;p bạn tiết kiệm thời gian v&agrave; nhập code ngắn gọn hơn.
Bạn c&oacute; thể thử tương tự với&nbsp; <code>console.info()</code>, <code>console.warn()</code>, <code>console.error()</code>

Admin

Đã đến lúc ngưng việc dùng console.log()

Cùng tác giả

Admin

Có liên quan