Chia sẻ 6 loại console giúp việc debugging của bạn dễ dàng hơn

Chia sẻ 6 loại console giúp việc debugging của bạn dễ dàng hơn

Trong quá trình coding ắt hẳn chúng ta không ít lần cần đến sự hỗ trợ của console để debugging. Một trong những lệnh hữu ích nhất và phổ biết nhất mà bất kì một lập trình viên nào cũng biết đến là console.log. Nhưng có nhiều các phương thức khác hỗ trợ với tính năng đa dạng và giao diện rõ ràng khi hiển thị giúp cho việc debuggingdễ dàng hơn mà có thể bạn chưa biết đến. Trong bài viết này mình sẽ chia một số phương thức hữu hiệu với consolevới hy vọng sẽ giúp ích ít nhiều cho các bạn trong quá trình

>> MEAN Stack – Thiết lập các module và tạo layout với AngularJS

>> MEAN Stack- Tạo cấu trúc cơ bản và chạy ứng dụng lần đầu tiên

1 Console.log()

đây là phương thức cơ bản để hiển thị một chuỗi hoặc một giá trị lên màn hình console. Ví dụ chúng ta có 2 object lần lượt là

var obj1 = { a: 1, b: 2 }
var obj2 = { a: 2, b: 3 }

và chúng ta muốn hiện thị giá trị của chúng để so sánh thì thay vì dùng 2 câu lệnh chúng ta có thể dùng console.log(obj1, obj2)để có thể dễ dàng so sánh từng attribute song song một cách dễ dàng và giảm thiểu số dòng lệnh.

2 Console.table()

Một cách hữu hiệu khác để quan sát các giá trị trong object dễ dàng hơn bằng cách hiển thị ở dạng table

 

3 Console.trace()

Javascipt là một ngôn ngữ không có cấu trúc chặt chẽ nên vì thế thật khó để biết được thời điểm xẩy ra của các function lần lượt là như nào, đặc biết là khi chúng ta đang debugging code của một người khác. Đừng lo hãy để console.trace()làm việc đó. Ví dụ sau đây sẽ giúp chúng ta hiển thị trace cách mà function thực thi.

function a () {
    b();
}

function b () {
    console.trace();
}

a();

Chia sẻ 6 loại console giúp việc debugging của bạn dễ dàng hơn

4 Console.group()

console.group()sẽ hữu ích khi chúng ta muốn nhóm các log liên quan đến nhau để có thể dễ dàng quan sát hơn.

console.group('company')
console.log('name: mặt trời lặn')
console.log('address: 16 ly thuong kiet')
console.group('members')
console.log('some members')
console.groupEnd()
console.groupEnd()

Chia sẻ 6 loại console giúp việc debugging của bạn dễ dàng hơn

5 Console.time()

Để biết được thời gian để thực hiện một block là bao lâu đặc biệt là các vòng lặp thì đây là phương pháp thật hữu hiệu. Ví dụ

console.time('Timer');
var items = [];
for(var i = 0; i < 100000; i++){
   items.push({index: i});
}
console.timeEnd('Timer');

Chia sẻ 6 loại console giúp việc debugging của bạn dễ dàng hơn

6 Console.count()

Trong trường hợp các function chạy nhiều lần thì bạn có thể đếm xem số lần chạy của nó với console.count(). Ví dụ

for (i = 0; i < 10; i++) {
  a();
}

function a () { console.count(); }

Chia sẻ 6 loại console giúp việc debugging của bạn dễ dàng hơn

Trên đây là một số các phương thức hữu hiệu khi chúng ta debugging với console hy vọng sẽ giúp các bạn dễ dàng hơn trong việc debugging.

Bạn thấy bài viết này như thế nào?: 
Average: 5 (2 votes)
Ảnh của Tommy Tran

Tommy Tran owner Express Magazine

Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies

  • Skype ID: tthanhthuy
  • Phone/Zalo: (+84) 944 225 212
  • WhatsApp: (+84) 944 225 212
  • Line Messenger: (+84) 944 225 212
  • Email: asaleotestf@gmail.com
  • Telegram Messenger: https:/t.me/tommytran0401

Quảng cáo việc làm

 

Thích hợp các bạn nữ mảng thợ may làm việc tại nước NGA

Đơn hàng Tuyển dụng 100 Thợ may đi Nga(đợt 1 tháng 3.2021, đợt 2 tháng 5.2021). Lương thực lãnh 800 USD, bao ăn ở, vé máy bay và visa, phí xuất cảnh(1800 USD)trả khi đi làm có lương. Bạn có thể liên hệ CÔNG TY qua Phone/Zalo: (+84) 944 225 212. Công ty sẽ tư vấn cho bạn.

Xem chi tiết: >>> https://bit.ly/3o9NOfR

Tìm kiếm bất động sản

 

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
Sau iPhone 4S, liệu sẽ có iPad Mini? (ảnh: Slashgear)

Apple sẽ ra mắt iPad Mini vào năm 2012

Thông tin về iPhone 4S vẫn còn đang nóng hổi thì một nguồn tin cho hay, dự án tương lai của Apple trong năm 2012 sẽ là iPad Mini.

Macbook Air tí hon - Quà Giáng Sinh cho iFangirl

Macbook Air tí hon - Quà Giáng Sinh cho iFangirl

Với kích thước nhỏ bé đến bất ngờ, không lớn hơn chiếc iPod nano đời thứ 4 là bao, chiếc Macbook Air tí hon này làm được gì?

Integrated Device Technology, Inc. - IDT.com

Thiết kế Drupal site: www.idt.com

IDT required a solution that would prove to be fast, have an extremely easy-to-use interface, scale to thousands of products and offer the flexibility to grow and change quickly to keep pace with the company's markets