09/11/2018, 16:26

Console không chỉ có log!

Console là một công cụ mà bất cứ lập trình viên nào cũng biết. Nó giúp chúng ta debug tìm và sửa các lỗi của ứng dụng. Tuy nhiên console có rất là nhiều các phương thức khác nhau và rất hữu ích. Trong bài này các bạn cùng mình tìm hiểu các phương thức của console nhé.

1. console.log

Console.log là phương thức mà chúng ta sử dụng nhiều nhất. Nó giúp chúng ta in giá trị của biến lên màn hình

console.log(‘Hello Dũng’);

Kết quả in ra là chuỗi kí tự: Hello Dũng

Bên cạnh console.log chúng ta cũng có 3 phương thức tương tự cũng để in giá trị của biến lên màn hình, nhưng mà tuỳ thuộc vào mức độ quan trọng của thông điệp đó là như thế nào mà chúng ta sử dụng nó cho hợp lý.

console.info(‘Xin chào mọi người!’);
console.warn(‘Xin chào mọi người!’);
console.error(‘Xin chào mọi người!’);

Chúng ta có thể thấy cùng là chuỗi kí tự ‘Xin chào mọi người’ nhưng mà có 3 hình thái thể hiện khác nhau, tương ứng với đó là 3 hình thức của độ quan trọng của thông điệp.

Screen Shot 2018-11-09 at 2.41.37 PM.png

2. console.trace

Bạn có thể nhìn stacktrace của method khi chạy, cái này rất hữu ích nếu mà bạn muốn biết nó đã chạy qua các method nào.

Screen Shot 2018-11-09 at 2.53.36 PM.png

Kết quả là nó đã chạy qua được 2 function 1 và 2

Screen Shot 2018-11-09 at 2.55.15 PM.png

3. console.dir và console.dirxml

Với console.dir chúng ta có thể xem được toàn bộ nội dung của object đã được convert đẹp đẽ

Screen Shot 2018-11-09 at 3.01.44 PM.png

Tương tự đó ta có thể so sánh với console.log để xem cách convert obj của 2 phương thức này. Đối với .dir ta sẽ convert được 1 obj tên body còn log ta nhận được luôn giá trị của obj.

Screen Shot 2018-11-09 at 3.05.00 PM.png

Còn đối với console.dirxml, Nếu truyền vào HTML hay XML element, có thể nhìn toàn bộ các element phía dưới.

Screen Shot 2018-11-09 at 3.02.58 PM.png

4. console.assert

Ta có thể đánh giá 1 biểu thức là đúng hay sai, nếu sai thì ta xuất log xem dữ liệu. Phương thức này rất hữu ích cho chúng ta khi debug

Screen Shot 2018-11-09 at 3.12.33 PM.png

5. console.clear

Phương thức clear giúp ta xoá hết tất cả những giá trị đã in ra từ trước để ta có thể nhận biết giá trị ta vừa in 1 cách nhanh nhất

Screen Shot 2018-11-09 at 3.15.16 PM.png

6.console.count và console.countReset

Mỗi lần bạn gọi đến console.count(), phương thức này sẽ tự động tăng lên 1. Bạn có thể truyền vào một nhãn tùy ý để đánh dấu các bộ đếm khác nhau. Và bạn dùng console.countReset(label) để quay ngược bộ đếm về lại 0.

Screen Shot 2018-11-09 at 3.28.31 PM.png

7. console.time và console.endTime

Để đo thời gian thực thi của một đoạn mã, bạn có thể dùng console.time và console.endTime.

Phương thức console.time(labels) nhận vào một chuỗi dùng làm nhãn cho bộ đếm giờ. Sau đó gọi đến console.endTime(labels) với nhãn cùng tên, để hiển thị thời gian thực thi.

Screen Shot 2018-11-09 at 3.41.12 PM.png

8. console.group và console.groupEnd

Sử dụng console.group và console.groupEnd để nhóm các giá trị được hiển thị lại với nhau. Ta cũng có thể đặt tên cho các group, và group này có thể nằm trong group khác.

Screen Shot 2018-11-09 at 3.46.01 PM.png

9. console.table

Phương thức console.table giúp chúng ta hiển thị array hoặc object dưới dạng bảng.

Screen Shot 2018-11-09 at 3.58.35 PM.png

10. Thay thế kí tự và cài đặt format

Có thể thay thế ký tự đã định. Mặc dù không hay sử dụng lắm ví dụ như

Screen Shot 2018-11-09 at 4.03.24 PM.png

Kết quả của từng kí tự thay thế sẽ như sau:

Screen Shot 2018-11-09 at 4.08.00 PM.png

 

Nguồn: https://ntdung1128.wordpress.com/2018/11/09/console-khong-chi-co-log/

Bài liên quan

Console không chỉ có log!

Console là một công cụ mà bất cứ lập trình viên nào cũng biết. Nó giúp chúng ta debug tìm và sửa các lỗi của ứng dụng. Tuy nhiên console có rất là nhiều các phương thức khác nhau và rất hữu ích. Trong bài này các bạn cùng mình tìm hiểu các phương thức của console nhé.

Nguyễn Dũng viết 1 tuần trước

[CSMM] Cuộc sống không chỉ có học

[CSMM] Cuộc sống không chỉ có học Tháng Bảy 27, 2014 nguyenvanquan7826 Cuộc sống muôn màu Leave a response Học là một điều rất quan trọng, nhưng cuộc sống không chỉ có học – Một người bạn thân vừa nói với tôi câu đó. Và tự ...

Bùi Văn Nam viết 22:22 ngày 01/10/2018

Làm thế nào để kiếm tiền từ ứng dụng di động trong khi bạn chỉ có một ít tiền và không có kỹ năng lập trình?

Bạn đang nghĩ cách để kiếm hàng triệu USD từ việc tạo một ứng dụng di động? Bài viết này sẽ chỉ cho bạn nơi để bắt đầu. Mình không đảm bảo rằng bạn sẽ có thể tạo ra tiền, nhưng với từng bước trong hướng dẫn này, ít nhất bạn sẽ biết bạn nên bắt đầu từ đâu. “Mình không thể nói ...

Tạ Quốc Bảo viết 18:09 ngày 24/09/2018

Hacker Trung Quốc không chỉ có 1937CN

Hacker Trung Quốc vẫn âm thầm tấn công các website của Việt Nam và không chỉ có 1937CN . Theo SecurityDaily thu thập trong 3 ngày gần đây đã có 25 website của Việt Nam bị tấn công. Các nhóm hacker tự nhận đến từ Trung Quốc và không phải 1937CN www.hud8.vn ct503.com/huc.asp ...

Hoàng Hải Đăng viết 17:08 ngày 17/09/2018

Chuyển Tiếp URL Không Có www Về Địa Chỉ Có ww Trên Apache

Thông thường khi phải chọn một địa chỉ URL duy nhất các lập trình viên sẽ chọn kiểu định dạng có www ở phía trước tên miền. Để sử dụng duy nhất kiểu định dạng này chúng ta cần phải chuyển tiếp các định dạng không có www về có www. Bài viết này sẽ hướng dẫn cách bạn thực hiện việc chuyển tiếp này ...

Hoàng Hải Đăng viết 10:33 ngày 07/09/2018
+3