Cách đặt điểm ngắt tại cuộc gọi lambda trong Google Chrome DevTools?

Question

Tôi sử dụng Công cụ dành cho nhà phát triển của Babel và Google Chrome với các bản đồ nguồn JavaScript được bật. Được cung cấp mã này

function myFunc(elements) { 
    return elements 
    .map(element => element.value) 
    .filter(value => value >= 0); 
} 

làm cách nào để tạm dừng thực thi khi thực thi hàm lambda element => element.value? Nếu tôi đặt điểm ngắt tại dòng .map(element => element.value), nó sẽ chỉ tạm dừng khi ánh xạ được thực thi, nhưng không phải khi hàm lambda được thực thi.

Answer 1

Tính năng này cuối cùng cũng có sẵn (ít nhất là trong Google Chrome 58). Nhấp vào số dòng của dòng lambda của bạn mà bạn muốn gỡ lỗi (ở đây dòng 3). Sau đó kích hoạt điểm đánh dấu trong lambda của bạn (ở đây thứ hai) bằng cách nhấp vào nó. Hơn nữa, tôi bị vô hiệu hóa các điểm đánh dấu đầu tiên ở đây, trong đó sẽ tạm dừng trên map cuộc gọi (không phải là lambda):

Khi chương trình chạy và bạn chạm breakpoint, nó sẽ dừng lại và bạn có thể kiểm tra các biến:

Answer 2

Bạn có thể sử dụng từ khóa debugger để báo hiệu trình gỡ lỗi tạm dừng tại vị trí đó và nó có thể được chèn giống như bất kỳ câu lệnh JavaScript nào.

function myFunc(elements) { 
    return elements 
    .map(element => {debugger; return element.value}) 
    .filter(value => value >= 0); 
} 

Answer 3

Bạn có thể làm như sau:

function myFunc(elements) { 
     return elements 
     .map(element => { 
      element.value 
     }) 
     .filter(value => value >= 0); 
    } 

Bằng cách này bạn có thể thêm một breakpoint trong dòng element.value

Không thể tìm thấy một cách để làm cho nó hoạt động mà không có mã thay đổi.
Nếu ai cũng có thể tìm được cách, vui lòng cho biết.