Tài liệu tham khảo về gỡ lỗi JavaScript

Tiếng Kayce Basques
Tiếng Basques Kayce
Twitter GitHub Lỗi
Sofia Emelianova
Sofia Emelianova
GitHub

Khám phá quy trình gỡ lỗi mới cùng tài liệu tham khảo toàn diện về các tính năng gỡ lỗi của Công cụ của Chrome cho nhà phát triển.

Xem bài viết Bắt đầu gỡ lỗi JavaScript trong Công cụ của Chrome cho nhà phát triển để tìm hiểu những kiến thức cơ bản về gỡ lỗi.

Tạm dừng mã có điểm ngắt

Đặt một điểm ngắt để bạn có thể tạm dừng mã ngay giữa quá trình thực thi. Để tìm hiểu cách đặt điểm ngắt, hãy xem bài viết Tạm dừng mã của bạn với điểm ngắt.

Kiểm tra các giá trị khi tạm dừng

Trong khi quá trình thực thi đang tạm dừng, trình gỡ lỗi sẽ đánh giá tất cả biến, hằng số và đối tượng trong hàm hiện tại cho đến điểm ngắt. Trình gỡ lỗi hiển thị các giá trị hiện tại cùng dòng bên cạnh các nội dung khai báo tương ứng.

Nội dung đánh giá cùng dòng xuất hiện bên cạnh nội dung khai báo.

Bạn có thể sử dụng Console để truy vấn các biến, hằng số và đối tượng đã đánh giá.

Sử dụng Bảng điều khiển để truy vấn các biến, hằng số và đối tượng đã đánh giá.

Xem trước các thuộc tính lớp/hàm khi di chuột

Trong khi quá trình thực thi đang tạm dừng, hãy di chuột qua tên lớp hoặc hàm để xem trước các thuộc tính của lớp hoặc hàm đó.

Xem trước các thuộc tính lớp/hàm khi di chuột

Mã bước

Khi mã của bạn bị tạm dừng, hãy lần lượt duyệt qua từng biểu thức để kiểm tra luồng điều khiển và giá trị thuộc tính.

Bước qua dòng mã

Khi tạm dừng trên một dòng mã có chứa hàm không liên quan đến sự cố bạn đang gỡ lỗi, hãy nhấp vào biểu tượng Bước qua Nhảy cóc để thực thi hàm này mà không bước vào đó.

Chọn "Bước qua".

Ví dụ: giả sử bạn đang gỡ lỗi mã sau:

function updateHeader() {
  var day = new Date().getDay();
  var name = getName(); // A
  updateName(name); // D
}
function getName() {
  var name = app.first + ' ' + app.last; // B
  return name; // C
}

Bạn đã tạm dừng trên A. Bằng cách nhấn Bước qua, Công cụ cho nhà phát triển sẽ thực thi tất cả mã trong hàm mà bạn đang bước qua, đó là B và C. Sau đó, Công cụ cho nhà phát triển sẽ tạm dừng vào D.

Chuyển đến dòng mã

Khi tạm dừng trên một dòng mã chứa lệnh gọi hàm liên quan đến sự cố mà bạn đang gỡ lỗi, hãy nhấp vào biểu tượng Bước vào Nhảy vào để tìm hiểu thêm về hàm đó.

Chọn "Bước vào".

Ví dụ: giả sử bạn đang gỡ lỗi mã sau:

function updateHeader() {
  var day = new Date().getDay();
  var name = getName(); // A
  updateName(name);
}
function getName() {
  var name = app.first + ' ' + app.last; // B
  return name;
}

Bạn đã tạm dừng trên A. Bằng cách nhấn vào Bước vào, Công cụ cho nhà phát triển sẽ thực thi dòng mã này, sau đó tạm dừng tại B.

Thoát khỏi dòng mã

Khi bị tạm dừng bên trong một hàm không liên quan đến sự cố mà bạn đang gỡ lỗi, hãy nhấp vào biểu tượng Bước ra Nhảy ra để thực thi phần còn lại của mã của hàm đó.

Chọn "Rời khỏi".

Ví dụ: giả sử bạn đang gỡ lỗi mã sau:

function updateHeader() {
  var day = new Date().getDay();
  var name = getName();
  updateName(name); // C
}
function getName() {
  var name = app.first + ' ' + app.last; // A
  return name; // B
}

Bạn đã tạm dừng trên A. Bằng cách nhấn vào Bước ra, Công cụ cho nhà phát triển sẽ thực thi phần còn lại của mã trong getName(), chỉ là B trong ví dụ này, sau đó tạm dừng trên C.

Chạy tất cả các mã lên một dòng nhất định

Khi gỡ lỗi một hàm dài, có thể có nhiều mã không liên quan đến vấn đề bạn đang gỡ lỗi.

Bạn có thể vượt qua tất cả các dòng, nhưng điều đó có thể rất tẻ nhạt. Bạn có thể đặt một điểm ngắt dòng mã trên dòng mình quan tâm rồi nhấn Tiếp tục thực thi tập lệnh Tiếp tục thực thi tập lệnh, nhưng có một cách nhanh hơn.

Nhấp chuột phải vào dòng mã mà bạn quan tâm rồi chọn Tiếp tục đến đây. Công cụ cho nhà phát triển chạy toàn bộ mã cho đến thời điểm đó rồi tạm dừng trên dòng đó.

Chọn 'Tiếp tục đến đây'.

Tiếp tục thực thi tập lệnh

Để tiếp tục thực thi tập lệnh sau khi tạm dừng, hãy nhấp vào biểu tượng Tiếp tục thực thi tập lệnh Tiếp tục thực thi tập lệnh. Công cụ cho nhà phát triển sẽ thực thi tập lệnh cho đến điểm ngắt tiếp theo, nếu có.

Chọn "Tiếp tục thực thi tập lệnh".

Buộc thực thi tập lệnh

Để bỏ qua tất cả các điểm ngắt và buộc tập lệnh của bạn tiếp tục thực thi, hãy nhấp và giữ biểu tượng Resume Script Execution (Tiếp tục thực thi tập lệnh) Tiếp tục thực thi tập lệnh rồi chọn Force tập lệnh thực thi (Buộc thực thi tập lệnh) Buộc thực thi tập lệnh.

Chọn "Buộc thực thi tập lệnh".

Thay đổi ngữ cảnh của chuỗi tin nhắn

Khi làm việc với trình chạy web hoặc trình chạy dịch vụ, hãy nhấp vào một ngữ cảnh được liệt kê trong ngăn Threads (Luồng) để chuyển sang ngữ cảnh đó. Biểu tượng mũi tên màu xanh dương biểu thị ngữ cảnh đang được chọn.

Ngăn Threads (Luồng).

Ngăn Threads (Chuỗi) trên ảnh chụp màn hình ở trên có màu xanh dương.

Ví dụ: giả sử bạn đã tạm dừng trên một điểm ngắt trong cả tập lệnh chính và tập lệnh trình chạy dịch vụ. Bạn muốn xem các thuộc tính cục bộ và thuộc tính chung cho ngữ cảnh của trình chạy dịch vụ, nhưng bảng điều khiển Nguồn đang hiển thị ngữ cảnh tập lệnh chính. Bằng cách nhấp vào mục nhập của trình chạy dịch vụ trong ngăn Luồng, bạn có thể chuyển sang ngữ cảnh đó.

Bước qua các biểu thức được phân tách bằng dấu phẩy

Khi xem qua các biểu thức được phân tách bằng dấu phẩy, bạn có thể gỡ lỗi mã rút gọn. Ví dụ: hãy xem xét mã sau:

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

bar();

Khi được rút gọn, chứa biểu thức foo(),foo(),42 được phân tách bằng dấu phẩy:

function foo(){}function bar(){return foo(),foo(),42}bar();

Debugger (Trình gỡ lỗi) thực hiện các bước tương tự như nhau qua các biểu thức như vậy.

Chuyển qua biểu thức được phân tách bằng dấu phẩy.

Do đó, hành vi của bước là giống hệt nhau:

  • Giữa mã rút gọn và mã được tạo.
  • Khi sử dụng bản đồ nguồn để gỡ lỗi mã đã rút gọn theo mã gốc. Nói cách khác, khi thấy dấu chấm phẩy, bạn có thể luôn đi qua các dấu chấm phẩy đó ngay cả khi nguồn thực tế mà bạn đang gỡ lỗi được giảm bớt.

Xem và chỉnh sửa các thuộc tính địa phương, đóng cửa và toàn cầu

Trong khi tạm dừng trên một dòng mã, hãy sử dụng ngăn Scope (Phạm vi) để xem và chỉnh sửa giá trị của các thuộc tính và biến trong phạm vi cục bộ, phạm vi đóng và phạm vi chung.

  • Nhấp đúp vào một giá trị thuộc tính để thay đổi giá trị đó.
  • Các thuộc tính không thể liệt kê sẽ có màu xám.

Ngăn Scope (Phạm vi).

Ngăn Scope (Phạm vi) trên ảnh chụp màn hình ở trên có đường viền màu xanh dương.

Xem ngăn xếp lệnh gọi hiện tại

Trong khi tạm dừng trên một dòng mã, hãy sử dụng ngăn Call Stack (Ngăn xếp lệnh gọi) để xem ngăn xếp lệnh gọi đã đưa bạn đến điểm này.

Nhấp vào một mục nhập để chuyển đến dòng mã nơi hàm đó được gọi. Biểu tượng mũi tên màu xanh dương thể hiện chức năng mà Công cụ cho nhà phát triển hiện đang làm nổi bật.

Ngăn ngăn xếp lệnh gọi.

Ngăn Call Stack (Ngăn xếp lệnh gọi) trên ảnh chụp màn hình ở trên có đường viền màu xanh dương.

Khởi động lại một hàm (khung) trong ngăn xếp lệnh gọi

Để quan sát hành vi của một hàm và chạy lại mà không phải khởi động lại toàn bộ quy trình gỡ lỗi, bạn có thể bắt đầu lại quá trình thực thi một hàm duy nhất khi hàm này bị tạm dừng. Nói cách khác, bạn có thể khởi động lại khung của hàm trong ngăn xếp lệnh gọi.

Cách khởi động lại một khung hình:

  1. Tạm dừng thực thi hàm tại một điểm ngắt. Ngăn Call Stack (Ngăn xếp lệnh gọi) ghi lại thứ tự các lệnh gọi hàm.

  2. Trong ngăn Ngăn xếp lệnh gọi, hãy nhấp chuột phải vào một hàm rồi chọn Khởi động lại khung trên trình đơn thả xuống.

    Chọn Khởi động lại khung trong trình đơn thả xuống.

Để hiểu cách hoạt động của Khởi động lại khung, hãy xem xét đoạn mã sau:

function foo(value) {
    console.log(value);
    bar(value);
}

function bar(value) {
    value++;
    console.log(value);
    debugger;
}

foo(0);

Hàm foo() lấy 0 làm một đối số, ghi nhật ký đối số đó và gọi hàm bar(). Hàm bar() tăng đối số.

Hãy thử khởi động lại khung của cả hai hàm theo cách sau:

  1. Sao chép mã ở trên vào một đoạn mã mới và chạy đoạn mã đó. Quá trình thực thi sẽ dừng tại điểm ngắt dòng mã debugger.
  2. Lưu ý rằng trình gỡ lỗi sẽ cho bạn thấy giá trị hiện tại bên cạnh phần khai báo hàm: value = 1. Giá trị hiện tại bên cạnh phần khai báo hàm.
  3. Khởi động lại khung bar(). Đang khởi động lại khung bar().
  4. Chuyển qua câu lệnh tăng giá trị bằng cách nhấn F9. Đang tăng giá trị hiện tại.Lưu ý rằng giá trị hiện tại tăng: value = 2.
  5. Trong ngăn Scope (Không bắt buộc), hãy nhấp đúp vào giá trị để chỉnh sửa rồi đặt giá trị mong muốn. Chỉnh sửa giá trị trong ngăn Scope (Phạm vi).

  6. Hãy thử khởi động lại khung bar() và thực hiện qua câu lệnh tăng dần vài lần nữa. Giá trị này tiếp tục tăng lên.Đang khởi động lại khung bar().

Việc khởi động lại khung sẽ không đặt lại các đối số. Nói cách khác, việc khởi động lại không khôi phục trạng thái ban đầu khi gọi hàm. Thay vào đó, nó chỉ đơn giản là di chuyển con trỏ thực thi đến đầu hàm.

Do đó, giá trị đối số hiện tại vẫn tồn tại trong bộ nhớ qua các lần khởi động lại của cùng một hàm.

  1. Bây giờ, hãy khởi động lại khung foo() trong Ngăn xếp lệnh gọi. Đang khởi động lại khung foo().Lưu ý rằng giá trị lại là 0. ALT_TEXT_HERE

Trong JavaScript, các thay đổi đối với đối số không hiển thị (phản ánh) bên ngoài hàm. Hàm lồng nhau nhận các giá trị, chứ không phải vị trí của các hàm đó trong bộ nhớ. 1. Tiếp tục thực thi tập lệnh (F8) để hoàn tất hướng dẫn này.

Hiện các khung có trong danh sách bỏ qua

Theo mặc định, ngăn Call Stack (Ngăn xếp lệnh gọi) chỉ hiển thị các khung có liên quan đến mã của bạn và bỏ qua mọi tập lệnh được thêm vào Cài đặt. Settings > Ignore List (Cài đặt > Danh sách bỏ qua).

Ngăn xếp lệnh gọi.

Để xem toàn bộ ngăn xếp lệnh gọi, bao gồm cả khung của bên thứ ba, hãy bật chế độ Hiện các khung có trong danh sách bỏ qua trong phần Ngăn xếp lệnh gọi.

Hiển thị các khung có trong danh sách bỏ qua.

Hãy thử trên trang minh hoạ này:

  1. Trong bảng Sources (Nguồn), hãy mở tệp src > app > app.component.ts.
  2. Đặt điểm ngắt tại hàm increment().
  3. Trong phần Ngăn xếp cuộc gọi, hãy đánh dấu hoặc bỏ chọn hộp đánh dấu Hiển thị các khung có trong danh sách bỏ qua và quan sát danh sách các khung có liên quan hoặc đầy đủ trong ngăn xếp cuộc gọi.

Xem các khung không đồng bộ

Nếu được khung bạn đang sử dụng hỗ trợ, Công cụ cho nhà phát triển có thể theo dõi hoạt động không đồng bộ bằng cách liên kết cả hai phần của mã không đồng bộ với nhau.

Trong trường hợp này, Ngăn xếp cuộc gọi sẽ hiển thị toàn bộ nhật ký cuộc gọi, bao gồm cả các khung cuộc gọi không đồng bộ.

Khung cuộc gọi không đồng bộ.

Sao chép dấu vết ngăn xếp

Nhấp chuột phải vào vị trí bất kỳ trong ngăn Call Stack (Ngăn xếp lệnh gọi) rồi chọn Copy stack trace (Sao chép dấu vết ngăn xếp) để sao chép ngăn xếp lệnh gọi hiện tại vào bảng nhớ tạm.

Chọn "Copy Stack Trace" (Sao chép dấu vết ngăn xếp).

Dưới đây là một ví dụ về kết quả:

getNumber1 (get-started.js:35)
inputsAreEmpty (get-started.js:22)
onClick (get-started.js:15)

Điều hướng trong cây tệp

Sử dụng ngăn Trang để di chuyển trong cây tệp.

Nhóm các tệp đã tạo và triển khai trong cây tệp

Khi phát triển các ứng dụng web bằng khung (ví dụ: React hoặc Angular), bạn có thể gặp khó khăn khi di chuyển đến các nguồn do các tệp được giảm kích thước do các công cụ xây dựng tạo ra (ví dụ: webpack hoặc Vite).

Để giúp bạn điều hướng các nguồn, ngăn Nguồn > Trang có thể nhóm các tệp thành hai danh mục:

  • Biểu tượng mã. Tác giả. Tương tự như các tệp nguồn mà bạn xem trong IDE. Công cụ cho nhà phát triển tạo các tệp này dựa trên bản đồ nguồn do các công cụ xây dựng của bạn cung cấp.
  • Biểu tượng đã triển khai. Đã triển khai. Các tệp thực tế mà trình duyệt đọc. Thông thường, các tệp này được giảm kích thước.

Để bật tính năng nhóm, hãy bật tuỳ chọn Trình đơn có biểu tượng ba dấu chấm. > Nhóm tệp theo Tác giả/Đã triển khai Thử nghiệm. trong trình đơn có biểu tượng ba dấu chấm ở đầu cây tệp.

Nhóm các tệp theo chế độ Đã tạo / Đã triển khai.

Ẩn các nguồn trong danh sách bỏ qua khỏi cây tệp

Để giúp bạn chỉ tập trung vào mã mà bạn tạo, ngăn Nguồn > Trang sẽ chuyển tất cả tập lệnh hoặc thư mục được thêm vào Cài đặt. Cài đặt > Danh sách bỏ qua theo mặc định.

Để ẩn hoàn toàn các tập lệnh như vậy, hãy chọn Nguồn > Trang > Trình đơn có biểu tượng ba dấu chấm. > Ẩn các nguồn có trong danh sách bỏ qua Thử nghiệm..

Trước và sau khi ẩn các nguồn trong danh sách bỏ qua.

Bỏ qua tập lệnh hoặc mẫu tập lệnh

Bỏ qua một tập lệnh để bỏ qua tập lệnh đó trong khi gỡ lỗi. Khi bị bỏ qua, tập lệnh sẽ bị ẩn trong ngăn Ngăn xếp lệnh gọi và bạn sẽ không bao giờ bước vào các hàm của tập lệnh khi duyệt qua mã của mình.

Ví dụ: giả sử bạn đang thực hiện các bước qua mã sau:

function animate() {
  prepare();
  lib.doFancyStuff(); // A
  render();
}

A là một thư viện của bên thứ ba mà bạn tin tưởng. Nếu tin rằng sự cố mình đang gỡ lỗi không liên quan đến thư viện bên thứ ba, thì bạn nên bỏ qua tập lệnh này.

Bỏ qua tập lệnh hoặc thư mục trong cây tệp

Cách bỏ qua một tập lệnh riêng lẻ hoặc toàn bộ thư mục:

  1. Trong Nguồn > Trang, hãy nhấp chuột phải vào một thư mục hoặc tệp tập lệnh.
  2. Chọn Thêm thư mục/tập lệnh vào danh sách bỏ qua.

Bỏ qua các tuỳ chọn cho thư mục hoặc tệp tập lệnh.

Nếu không ẩn các nguồn có trong danh sách bỏ qua, bạn có thể chọn một nguồn như vậy trong cây tệp và trên biểu ngữ cảnh báo Cảnh báo., hãy nhấp vào Xoá khỏi danh sách bị bỏ qua hoặc Định cấu hình.

Một tệp bị bỏ qua đã chọn hiển thị các nút Xoá và Định cấu hình.

Nếu không, bạn có thể xoá các thư mục cũng như tập lệnh bị ẩn và bị bỏ qua khỏi danh sách trong phần Cài đặt. Cài đặt > Danh sách bỏ qua.

Bỏ qua tập lệnh trong ngăn Trình chỉnh sửa

Cách bỏ qua tập lệnh trong ngăn Trình chỉnh sửa:

  1. Mở tệp.
  2. Nhấp chuột phải vào vị trí bất kỳ.
  3. Chọn Thêm tập lệnh vào danh sách bỏ qua.

Bỏ qua một tập lệnh trong ngăn Trình chỉnh sửa.

Bạn có thể xoá một tập lệnh khỏi danh sách các tập lệnh bị bỏ qua trong phần Cài đặt. Cài đặt > Danh sách bỏ qua.

Bỏ qua tập lệnh từ ngăn Ngăn xếp lệnh gọi

Để bỏ qua tập lệnh từ ngăn Ngăn xếp lệnh gọi:

  1. Nhấp chuột phải vào một hàm trong tập lệnh.
  2. Chọn Thêm tập lệnh vào danh sách bỏ qua.

Bỏ qua tập lệnh từ ngăn Ngăn xếp lệnh gọi.

Bạn có thể xoá một tập lệnh khỏi danh sách các tập lệnh bị bỏ qua trong phần Cài đặt. Cài đặt > Danh sách bỏ qua.

Bỏ qua tập lệnh trong phần Cài đặt

Xem phần Cài đặt. Cài đặt > Danh sách bỏ qua.

Chạy các đoạn mã gỡ lỗi từ trang bất kỳ

Nếu bạn thấy mình phải chạy cùng một mã gỡ lỗi trong Bảng điều khiển nhiều lần, hãy cân nhắc sử dụng Đoạn mã. Đoạn mã là các tập lệnh có thể thực thi mà bạn tạo, lưu trữ và chạy trong Công cụ cho nhà phát triển.

Xem phần Chạy đoạn mã từ bất kỳ trang nào để tìm hiểu thêm.

Theo dõi giá trị của biểu thức JavaScript tuỳ chỉnh

Sử dụng Ngăn xem để xem giá trị của biểu thức tuỳ chỉnh. Bạn có thể xem bất kỳ biểu thức JavaScript hợp lệ nào.

Ngăn đồng hồ.

  • Nhấp vào biểu tượng Thêm biểu thức Thêm biểu thức để tạo một biểu thức theo dõi mới.
  • Nhấp vào biểu tượng Làm mới Làm mới để làm mới giá trị của tất cả biểu thức hiện có. Các giá trị sẽ tự động làm mới trong khi duyệt qua mã.
  • Di chuột qua một biểu thức rồi nhấp vào biểu tượng Xoá biểu thức Xoá biểu thức để xoá biểu thức đó.

Kiểm tra và chỉnh sửa tập lệnh

Khi bạn mở một tập lệnh trong ngăn Trang, Công cụ cho nhà phát triển sẽ hiển thị cho bạn nội dung của tập lệnh đó trong ngăn Trình chỉnh sửa. Trong ngăn Editor (Trình chỉnh sửa), bạn có thể duyệt xem và chỉnh sửa mã của mình.

Ngoài ra, bạn có thể ghi đè nội dung trên máy hoặc tạo một không gian làm việc rồi lưu trực tiếp những thay đổi bạn thực hiện trong Công cụ cho nhà phát triển vào các nguồn trên máy.

Làm cho tệp đã rút gọn có thể đọc được

Theo mặc định, bảng điều khiển Source (Nguồn) sẽ in ra các tệp được giảm kích thước. Khi được in đẹp, Trình chỉnh sửa có thể hiển thị một dòng mã dài trong nhiều dòng, với - để cho biết đó là phần tiếp theo của dòng.

Một dòng mã dài được in đẹp, hiển thị trong nhiều dòng, với dấu ":" để cho biết tiếp tục dòng.

Để xem tệp đã gửi rút gọn khi được tải, hãy nhấp vào biểu tượng { } ở góc dưới cùng bên trái của Trình chỉnh sửa.

Gập khối mã

Để gập một khối mã, hãy di chuột qua số dòng ở cột bên trái rồi nhấp vào Thu gọn. Thu gọn.

Để mở khối mã, hãy nhấp vào {...} bên cạnh khối mã đó.

Để định cấu hình hành vi này, hãy xem phần Cài đặt. Cài đặt > Lựa chọn ưu tiên > Nguồn.

Chỉnh sửa tập lệnh

Khi sửa lỗi, bạn thường muốn thử một số thay đổi đối với mã JavaScript của mình. Bạn không cần thực hiện thay đổi trong trình duyệt bên ngoài rồi tải lại trang. Bạn có thể chỉnh sửa tập lệnh trong DevTools.

Cách chỉnh sửa tập lệnh:

  1. Mở tệp trong ngăn Trình chỉnh sửa của bảng Nguồn.
  2. Thực hiện thay đổi trong ngăn Trình chỉnh sửa.

  3. Nhấn Command+S (Mac) hoặc Ctrl+S (Windows, Linux) để lưu. Công cụ cho nhà phát triển vá toàn bộ tệp JS vào công cụ JavaScript của Chrome.

    Ngăn Trình chỉnh sửa.

    Ngăn Editor (Trình chỉnh sửa) trên ảnh chụp màn hình ở trên có màu xanh dương.

Chỉnh sửa hàm bị tạm dừng trực tiếp

Trong khi quá trình thực thi đang tạm dừng, bạn có thể chỉnh sửa hàm hiện tại và áp dụng các thay đổi trực tiếp với những giới hạn sau:

  • Bạn chỉ có thể chỉnh sửa hàm trên cùng trong Ngăn xếp lệnh gọi.
  • Không được có lệnh gọi đệ quy nào đến cùng một hàm ở phía dưới ngăn xếp.

Để chỉnh sửa trực tiếp một hàm:

  1. Tạm dừng quá trình thực thi có điểm ngắt.
  2. Chỉnh sửa hàm bị tạm dừng.
  3. Nhấn Command / Control + S để áp dụng các thay đổi. Trình gỡ lỗi sẽ tự động khởi động lại hàm.
  4. Tiếp tục thực thi.

Hãy xem video dưới đây để tìm hiểu quy trình làm việc này.

Trong ví dụ này, ban đầu các biến addend1 và addend2 có kiểu string không chính xác. Vì vậy, thay vì thêm số, các chuỗi này được nối với nhau. Để khắc phục vấn đề này, các hàm parseInt() được thêm vào trong quá trình chỉnh sửa trực tiếp.

Cách tìm kiếm văn bản trong một tập lệnh:

  1. Mở tệp trong ngăn Trình chỉnh sửa của bảng Nguồn.
  2. Để mở thanh tìm kiếm tích hợp sẵn, hãy nhấn tổ hợp phím Command+F (máy Mac) hoặc Ctrl+F (Windows, Linux).
  3. Trong thanh, hãy nhập truy vấn của bạn. Tìm kiếm. Bạn có thể:
    • Nhấp vào Khớp chữ hoa chữ thường. Khớp chữ hoa chữ thường để truy vấn của bạn phân biệt chữ hoa chữ thường.
    • Nhấp vào Nút biểu thức chính quy. Sử dụng biểu thức chính quy để tìm kiếm bằng biểu thức chính quy.
  4. Nhấn Enter. Để chuyển đến kết quả tìm kiếm trước đó hoặc tiếp theo, nhấn nút lên hoặc xuống.

Cách thay thế văn bản bạn đã tìm thấy:

  1. Trên thanh tìm kiếm, hãy nhấp vào nút Thay thế. Replace (Thay thế). Thay thế.
  2. Nhập văn bản để thay thế bằng, sau đó nhấp vào Thay thế hoặc Thay thế tất cả.

Tắt JavaScript

Xem bài viết Tắt JavaScript bằng Công cụ của Chrome cho nhà phát triển.