Các lập viên (developers) Javascripts thường sử dụng console.log() để test kết quả, debug code, hay đơn giản để xuất 1 message nào đó cho vui. Và thậm chí, đối với các hướng dẫn online, các đoạn code vỡ lòng "hello world" trong Javascript ta cũng hay gặp
console.log("Hello World!")
Chắc hẳn các bạn bắt đầu code javascript đều không quên đoạn code này. Tuy nhiên, để tạo thói quen code nhanh hơn, và sắp xếp gọn hơn, mình sẽ hướng dẫn các bạn ở bài viết này.
Bắt đầu nào!
Bạn có thể code đơn giản như bên dưới:
console.log("I love js") // I love js console.log(4 + 4) // 8 console.log(!true) // false
Nào bây giờ chúng ta làm cho đoạn code này ngắn lại:
const log = (arg) => console.log(arg)
Bây giờ sử dụng một function với cái tên ngắn hơn -log để thay thế cho console.log, thậm chí bạn có thể sử dụng tên ngắn hơn nữa như:
const lg = (arg) => console.log(arg) const l = (arg) => console.log(arg)
Và chắc rằng bạn đã hiểu ra một số điểm tiện dụng khi dùng kĩ thuật này:
Giúp code của bạn gọn và có vẻ chuyên nghiệp hơn.
Giúp đọc lướt qua nhanh hơn
Tốn ít thời gian gõ phím hơn, và tạo phản xạ nhanh hơn.
Cùng xem lại đoạn code trên sau khi biết đổi:
log("I love js") // I love js log(4 + 4) // 8 log(!true) // false
Lời kết:
Đây là một tip giúp bạn có thể tiết kiệm thời gian để xây dựng app hay thiết kế website bằng javascript nhanh hơn, code trông gọn và đọc nhanh hơn.
Bạn cũng có thể áp dụng cách này đối với một số lệnh debug khác như console.info()
, console.warn()
, console.error()
.
Nguồn: https://javascript.plainenglish.io/its-2022-don-t-use-the-console-log-ff2c2482a997
Bình luận: