In JavaScript
Ghi thông báo vào bảng điều khiển là một cách rất cơ bản để chẩn đoán và khắc phục sự cố nhỏ trong mã của bạn Show
Nhưng, bạn có biết rằng có nhiều điều về 8 hơn là chỉ 9 không? Bảng điều khiển soạn thảo nhiều dòng của FirefoxNếu chưa từng sử dụng chế độ soạn thảo nhiều dòng trên Firefox, bạn nên thử ngay Chỉ cần mở bảng điều khiển, 1 hoặc 2 và ở trên cùng bên phải, bạn sẽ thấy nút có nội dung "Chuyển sang chế độ trình chỉnh sửa nhiều dòng". Ngoài ra, bạn có thể nhấn 3Điều này cung cấp cho bạn trình chỉnh sửa mã nhiều dòng ngay bên trong Firefox bảng điều khiển. đăng nhậpHãy bắt đầu với một ví dụ nhật ký rất cơ bản
Nhập nó vào bảng điều khiển Firefox và chạy mã. Bạn có thể nhấp vào nút "Chạy" hoặc nhấn 4Trong ví dụ này, chúng ta sẽ thấy "1" trong bảng điều khiển. Khá đơn giản, phải không? Nhiều giá trịBạn có biết rằng bạn có thể bao gồm nhiều giá trị?
Nhưng nếu chúng ta có nhiều giá trị muốn ghi lại thì sao?
Thay vì gõ 5 ba lần, chúng ta có thể bao gồm tất cả. Và chúng ta cũng có thể thêm một chuỗi trước mỗi chuỗi nếu muốn 1Nhưng đó là quá nhiều công việc. Chỉ cần bọc chúng bằng dấu ngoặc nhọn. Bây giờ bạn có một đối tượng với các giá trị được đặt tên 2Đầu ra bảng điều khiểnBạn có thể làm điều tương tự với một đối tượng 3Nhật ký đầu tiên sẽ in các thuộc tính trong đối tượng người dùng. Cái thứ hai sẽ xác định đối tượng là "người dùng" và in các thuộc tính bên trong nó Nếu bạn đang ghi nhiều thứ vào bảng điều khiển, điều này có thể giúp bạn xác định từng nhật ký Các biến trong nhật kýBạn có biết rằng bạn có thể sử dụng các phần nhật ký của mình làm biến không? 4Trong ví dụ này, 6 đề cập đến một tùy chọn chuỗi được bao gồm sau giá trị ban đầu. Điều này sẽ đề cập đến "John" 7 đề cập đến một tùy chọn chữ số được bao gồm sau giá trị ban đầu. Điều này sẽ đề cập đến 29Đầu ra của tuyên bố này sẽ là. "John 29 tuổi. " Các biến thể của nhật kýCó một vài biến thể của nhật ký. Có 5 được sử dụng rộng rãi nhất. Nhưng cũng có 8Các biến thể này thêm kiểu dáng vào nhật ký của chúng tôi trong bảng điều khiển. Chẳng hạn, 9 sẽ có màu vàng và 10 sẽ có màu đỏGhi chú. Các phong cách khác nhau từ trình duyệt để trình duyệt Nhật ký tùy chọnChúng tôi có thể in tin nhắn ra bàn điều khiển một cách có điều kiện với 11 2Nếu đối số đầu tiên là sai, thì thông báo sẽ được ghi lại Nếu chúng ta thay đổi 12 thành 13 thì tin nhắn sẽ không được ghi lạiĐếmBạn có biết rằng bạn có thể đếm bằng bảng điều khiển không? 5Mỗi lần lặp của vòng lặp này sẽ in một số đếm ra bàn điều khiển. Bạn sẽ thấy "mặc định. 1, mặc định. 2", và cứ tiếp tục như vậy cho đến khi đạt 10 Nếu bạn chạy lại cùng vòng lặp này, bạn sẽ thấy số đếm tiếp tục ở nơi nó dừng lại; Để đặt lại bộ đếm, chúng ta có thể sử dụng 14Và, nếu bạn muốn đặt tên bộ đếm khác với tên "mặc định", bạn có thể 0Bây giờ chúng tôi đã thêm nhãn, bạn sẽ thấy "Quầy 1, Quầy 2", v.v. Và để đặt lại bộ đếm này, chúng ta phải chuyển tên vào 15. Bằng cách này, bạn có thể có nhiều bộ đếm chạy cùng lúc và chỉ đặt lại những bộ đếm cụ thểtheo dõi thời gianBên cạnh việc đếm, bạn cũng có thể tính thời gian như đồng hồ bấm giờ Để bắt đầu hẹn giờ, chúng ta có thể sử dụng 16. Điều này sẽ không làm bất cứ điều gì một mình. Vì vậy, trong ví dụ này, chúng tôi sẽ sử dụng 17 để mô phỏng mã đang chạy. Sau đó, trong thời gian chờ, chúng tôi sẽ dừng bộ đếm thời gian của mình bằng cách sử dụng 18 1Như bạn mong đợi, sau 5 giây, chúng ta sẽ có nhật ký kết thúc hẹn giờ là 5 giây Chúng tôi cũng có thể ghi lại thời gian hiện tại của bộ hẹn giờ trong khi nó đang chạy mà không cần dừng nó. Chúng tôi làm điều này bằng cách sử dụng 19 2Trong ví dụ này, chúng tôi sẽ nhận được 20 2 giây đầu tiên, sau đó là 21 5 giây của chúng tôiCũng giống như bộ đếm, chúng ta có thể gắn nhãn bộ hẹn giờ và chạy nhiều bộ đếm cùng một lúc Các nhómMột điều khác mà bạn có thể làm với 9 là nhóm chúng lại. ?Chúng tôi bắt đầu một nhóm bằng cách sử dụng 23. Và chúng tôi kết thúc một nhóm với 24 3Nhóm nhật ký này sẽ có thể thu gọn. Điều này giúp dễ dàng xác định các bộ nhật ký Theo mặc định, nhóm không bị thu gọn. Bạn có thể đặt nó ở chế độ thu gọn bằng cách sử dụng 25 thay cho 23Nhãn cũng có thể được chuyển vào 27 để xác định chúng tốt hơndấu vết ngăn xếpBạn cũng có thể thực hiện theo dõi ngăn xếp với 8. Chỉ cần thêm nó vào một chức năng 4Trong ví dụ này, chúng ta có các hàm rất đơn giản chỉ cần gọi nhau. Sau đó, trong chức năng cuối cùng, chúng tôi gọi 29Đầu ra bảng điều khiểnNhững cái bànĐây là một trong những cách sử dụng tuyệt vời nhất cho bảng điều khiển. 30Vì vậy, hãy thiết lập một số dữ liệu để đăng nhập 5Bây giờ chúng tôi sẽ ghi lại dữ liệu này bằng cách sử dụng 31Đầu ra bảng điều khiểnNhưng chờ đợi, nó sẽ tốt hơn Nếu chúng ta chỉ muốn các thương hiệu, chỉ cần 32Đầu ra bảng điều khiểnLàm thế nào về một ví dụ phức tạp hơn? 6Ở đây chúng tôi chỉ in "tên" và "email". Nếu bạn 33 tất cả dữ liệu, bạn sẽ thấy rằng có nhiều thuộc tính hơn cho mỗi người dùngPhong cách ?Bạn có biết rằng bạn có thể sử dụng các thuộc tính CSS để tạo kiểu cho nhật ký của mình không? Để làm điều này, chúng tôi sử dụng 34 để chỉ định rằng chúng tôi có các kiểu để thêm. Các kiểu được chuyển vào đối số thứ hai của 9 7Bạn có thể sử dụng điều này để làm cho nhật ký của bạn nổi bật Xa lạNếu bạn đang cố khắc phục sự cố bằng cách sử dụng nhật ký, bạn có thể làm mới rất nhiều và bảng điều khiển của bạn có thể bị lộn xộn Chỉ cần thêm 36 vào đầu mã của bạn và bạn sẽ có một bảng điều khiển mới mỗi khi bạn làm mới. ?Chỉ cần không thêm nó vào dưới cùng của mã của bạn, lol Cảm ơn vì đã đọcNếu bạn muốn xem lại các khái niệm trong bài viết này qua video, bạn có thể xem phiên bản video này tôi đã thực hiện tại đây YouTube. Có nhiều thứ để điều khiển hơn là nhật kýTôi là Jesse đến từ Texas. Hãy xem nội dung khác của tôi và cho tôi biết cách tôi có thể giúp bạn trên hành trình trở thành nhà phát triển web.
QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO Tutorials for all things Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu Làm cách nào để in biểu mẫu trong JavaScript?JavaScript giúp bạn triển khai chức năng này bằng cách sử dụng chức năng in của đối tượng cửa sổ . Cửa sổ chức năng in JavaScript. print() in trang web hiện tại khi được thực thi. Bạn có thể gọi hàm này trực tiếp bằng sự kiện onclick như trong ví dụ sau.
Làm cách nào để in trong JavaScript đầu cuối?log() Bạn nên sử dụng bảng điều khiển. phương thức log() để in ra bảng điều khiển JavaScript. Hàm nhật ký bảng điều khiển JavaScript chủ yếu được sử dụng để gỡ lỗi mã vì nó làm cho JavaScript in đầu ra ra bảng điều khiển.
Làm cách nào để có đầu ra trong JavaScript?Đầu ra JavaScript . Viết vào hộp cảnh báo, sử dụng cửa sổ. báo động() Viết vào đầu ra HTML bằng tài liệu. viết() Viết vào phần tử HTML, sử dụng InternalHTML Viết vào bảng điều khiển trình duyệt, sử dụng bảng điều khiển. nhật ký() Làm cách nào để in một biến trong JavaScript?log() là một hàm trong JavaScript được sử dụng để in bất kỳ loại biến nào được xác định trước trong đó hoặc chỉ in bất kỳ thông báo nào cần hiển thị cho người dùng. cú pháp. bảng điều khiển. nhật ký(""); |