Яка різниця між printIn та console.log в JavaScript? (Відповідь) - Всі відмінності
Зміст
JavaScript - це мова програмування, доступна лише у веб-браузерах. Консоль JavaScript - це інтерфейс командного рядка у вашому браузері, який дозволяє запускати фрагменти коду. Коли цей фрагмент коду призначений для взаємодії з веб-сторінкою, яку ви зараз переглядаєте, можуть виникнути неочікувані результати.
"PrintIn" робить так, щоб текст був надрукований на console, тоді як ви можете використовувати "console.log", щоб записати його і використовувати для різних цілей, наприклад, надсилати його електронною поштою як звіт про вади.
Якщо ви програміст, то знаєте, наскільки важливо використовувати і розуміти скриптові мови, такі як JavaScript. Однак бувають випадки, коли ви можете заплутатися в їхніх функціях.
Так само, як функція printIn і console.log. Щоб допомогти вам зрозуміти різницю і застосування цих двох функцій, я поясню, що вони означають і як вони працюють.
Починаймо!
Що таке JavaScript?
Що таке JavaScript?
JavaScript - це мова сценаріїв для створення регулярно оновлюваних матеріалів, керування мультимедіа, анімації графіки та майже всього іншого.
Мова програмування JavaScript має певні стандартні можливості програмування, які дозволяють вам робити такі речі, як:
- Коли на веб-сторінці відбуваються певні події, ви можете реагувати на запущений код.
- Ви можете використовувати змінні для зберігання корисних даних.
- Ви можете використовувати "рядки", які є операцією редагування тексту в програмуванні
З іншого боку, функціональність, додана поверх користувацької мови JavaScript, є ще цікавішою. Інтерфейси прикладного програмування (API) надають вашому коду JavaScript додаткові функції.
Якщо коротко, то JavaScript має багато функцій, які дозволяють контролювати те, що ви кодуєте. До таких функцій відносяться printIn і console.log.
Що таке PrintIn?
кодування
PrintIn - це метод Java для виведення тексту на консоль. Цей метод приймає цей текст як параметр у вигляді рядка. Цей підхід виводить текст на консоль, утримуючи курсор на початку наступного рядка.
Наступний друк починається з наступного рядка Існує декілька методів printIn, таких як:
| void printIn() | Записує рядок-розділювач для завершення поточного рядка. |
| void printIn(boolean x) | Рядок завершується після виведення логічного значення. |
| void printIn(char x) | Рядок завершується після друку символу. |
| void print(char [ ] x) | Рядок завершується після виведення масиву символів. |
| void printIn(double x) | Рядок завершується після друку подвійного рядка. |
| void printIn(float x) | Лінія завершується після друку на плаву. |
| void printIn(int x) | Рядок завершується після виведення цілого числа. |
| void printIn(long x) | Рядок обривається після друку вздовж. |
| void printIn(Object x) | Рядок завершується після друку об'єкта. |
| void printIn(String x) | Рядок завершується після виведення рядка. |
Використання різних методів у printIn
Хоча вона має багато методів, які ви можете використовувати для кодування вашої роботи, ви можете зіткнутися з іншим методом відображення тексту в консолі. У консолі є два методи, за допомогою яких ви можете надрукувати вашу роботу, перший метод - printIn, а другий - print.
Щоб ви не плуталися між цими двома способами друку, давайте визначимо різницю між другим способом друку, відбитком.
Print - це метод Java для виведення тексту на консоль. Цей метод приймає цей текст як параметр у вигляді рядка. Цей підхід виводить текст на консоль, утримуючи курсор у кінці наступного рядка.
Наступний друк почнеться прямо тут. Існує декілька методів printIn, таких як:
| void print(boolean b) | Виводиться логічне значення. |
| void print(char c) | Виводиться символ. |
| void print(char [ ] s) | Виводиться масив символів. |
| void print(double d) | Виводиться число з плаваючою комою подвійної точності. |
| void print(float f) | Виводиться число з плаваючою комою. |
| void print(int i) | Виводиться ціле число. |
| void print(long l) | Виводиться довге ціле число. |
| void print(Об'єкт obj) | Об'єкт надруковано. |
| void print(String s) | Виводиться рядок. |
Використання різних методів у друці
Коротше кажучи, Ключова відмінність між ними полягає в розміщенні тексту, що виводиться в консолі. PrintIn знаходиться на початку наступного рядка, а Print - на кінець наступного рядка.
Якщо вам цікаво дізнатися про Windows 10-pro і pro-n, прочитайте мою іншу статтю.
Що таке Console.log?
Console.log
Консоль - це JavaScript-об'єкт, який надає доступ до налагоджувальної консолі браузера.
console.log - це функція JavaScript, яка виводить будь-які змінні, що були визначені в ній раніше, а також будь-яку інформацію, яку потрібно показати користувачеві.
Вихідні дані здебільшого записуються (друкуються) у термінал. До log() можна передавати будь-які типи, зокрема рядки, масиви, об'єкти та булеві функції.
Вивід методу console.log() видно в консолі JavaScript, яка доступна через інструмент розробника браузера. Все, що ви виводите за допомогою console.log(), доступно всім кінцевим користувачам, незалежно від їхньої групи або ролі.
Давайте подивимось, як ви можете її використовувати, і що ви отримаєте після використання цієї функції.
| JavaScript | Вихідні дані |
// console. log() метод
| abc 1 правда Дивіться також: ESTP проти ESFP (все, що вам потрібно знати) - всі відмінностінуль невизначений Array(4) [ 1, 2, 3, 4 ] Об'єкт { a : 1, b : 2, c : 3 } |
Введення та виведення за допомогою console.log
Що таке метод Print to Console with Console.log в Javascript?
Це найпопулярніший і найпоширеніший консольний метод JavaScript. Він часто використовується для виведення різних повідомлень або результатів обчислень на консоль або навіть під час налагодження коду.
Ви написали код, який додає два числа, і хочете побачити результат цієї операції на консолі; у цьому випадку ви можете скористатися методом console.log().
Документ var num_1 = 2, num_2 = 3; console.log(num_1 + num_2); Console.log синхронний чи асинхронний?
Перш ніж обговорювати з вами, чи є console.log синхронним або асинхронним, я визначу, що таке синхронний і асинхронний.
Синхронне означає, що воно відбувається одночасно, тоді як асинхронне означає, що воно відбувається не одночасно. Таким чином, учасники/користувачі синхронного навчання можуть отримувати зворотній зв'язок негайно. Асинхронне дозволяє навчатися у власний час.
Відповідь: concole.log є асинхронним. Я покажу вам, чому це так, на прикладах, зокрема, сортування масиву об'єктів у більш ефективний спосіб. Почнемо.
Припустимо, у вашому масиві є наступні об'єкти:
| let users = [ { ім'я: "Ніколь" , вік: 20, прізвище: "Луна" } , { ім'я: "Кара" , вік: 21, прізвище: "Лім" } , { ім'я: "Лара" , вік: 20, прізвище: "Туазон" }; ] |
об'єкти масиву
Ви повинні відсортувати цей масив за назвою поля, що зазвичай робиться наступним чином.
| / / по імені (Кара, Лара, Ніколь) users.sort ( ( a, b ) => a.name> b.name ? 1 : -1); / / за віком (Лара, Ніколь, Кара) users.sort ( ( a, b ) => a.age> b.name ? 1 : -1); |
сортування об'єктів масиву
Щоб організувати його більш ефективно, у вас буде ось так:
| users.sort(byField( 'name' )); users.sort(byField( 'age' )); |
сортування об'єктів масиву (простий спосіб)
Для цього ви повинні написати функцію "Byfield", яка буде передавати і сортувати в Array.prototype.sort об'єкти вашого масиву. Це не є основною темою цієї статті, але, будь ласка, подивіться на приклад нижче, щоб виконати наведений вище приклад у простий спосіб.
| > let users = [ { ім'я: "Ніколь" , вік: 20, прізвище: "Луна" } , { ім'я: "Кара" , вік: 21, прізвище: "Лім" } , { ім'я: "Лара" , вік: 20, прізвище: "Туазон" }; ] function byField ( fieldName ){ return (a, b ) => a[fieldName] ? 1 : -1 ; } users.sort(byField( 'name' ) ); concole.log(users); users.sort(byField( 'age' ) ); concole.log(users); (3) [ { ... }, { ... }, { ... } ] 0: { ім'я: "Лара", вік: "20", прізвище: "Туазон" } > 1: { ім'я: "Ніколь", вік: "20" , прізвище: "Луна" } > 1: { ім'я: "Кара", вік: "21" , прізвище: "Лім" } довжина: 3 > _proto_: Масив (0) (3) [ { ... }, { ... }, { ... } ] 0: { ім'я: "Лара", вік: "20", прізвище: "Туазон" } > 1: { ім'я: "Ніколь", вік: "20" , прізвище: "Луна" } > 1: { ім'я: "Кара", вік: "21" , прізвище: "Лім" } довжина: 3 > _proto_: Масив (0) |
відсортовані об'єкти масиву
З таблиці вище видно, що я сортую об'єкти масиву двічі, спочатку за іменем, потім за віком, і після кожної операції сортування я запускаю console.log (). Також ви могли помітити, що console.log() відновлює однаковий вивід для кожного сортування, але це не так; дозвольте пояснити чому.
Я запустив весь код одразу, а потім вирішив розгорнути кожну реакцію з console.log (). Це важливо, тому що console.log () асинхронний.
З точки зору циклу подій, всі асинхронні функції надходять до таблиці подій. У цьому випадку, після виклику console.log(), він переходить до таблиці подій і чекає, поки відбудеться певна подія.
Коли відбувається подія, console.log() буде відправлено до черги подій, де він чекає, поки всі процеси в цій черзі подій, які вже були присутні на момент розміщення вашого console.log, не будуть відправлені до стеку викликів, після чого ваш console.log() також буде відправлено до цього стеку викликів.
Як відкрити лог-файл Javascript Console.log?
У веб-браузерах консоль є одним з декількох інструментів розробника. Для усунення несправностей у JavaScript-коді ви можете використовувати консоль. Консоль можна знайти в багатьох місцях, залежно від браузера.
У цьому уроці я розповім, як знайти Консоль у браузері Google Chrome.
Кроки, як відкрити журнал консолі в Chrome
Давайте розглянемо, як відкрити лог консолі Chrome.
- У відкритому браузері Chrome виберіть пункт "Перевірити" зі спливного меню.
- Вкладка "Елементи" в Інструментах розробника буде відкрита за замовчуванням, коли ви запустите Inspect. Праворуч від "Елементів" натисніть "Консоль".
- Тепер ви можете переглянути консоль, а також будь-який вивід, записаний до журналу консолі.
Ви також можете відкрити Інструменти для розробників Chrome за допомогою ряду комбінацій клавіш. Залежно від версії вашого Chrome, ви можете використовувати наступні комбінації:
Для Windows та Linux,
| Ctrl + Shift + I | З'явиться вікно Інструменти розробника. |
| Ctrl + Shift + J | Вибирає вкладку Консоль в Інструментах розробника. |
| Ctrl + Shift + C | Перемикачі режиму огляду елементів |
Клавіші швидкого доступу
Заключні думки
У "The головна відмінність між printIn та console.log є їхня функція та результат роботи кодексу . PrintIn виводить текст на консоль, а console.log виводить будь-які змінні з рядками, які були закодовані раніше.
В основному, ці функції Javascript дозволяють друкувати і виводити на консоль змінні і текст. В JavaScript ви можете друкувати за допомогою різних методів.
Метод журналу консолі JavaScript є найбільш часто використовуваним при налагодженні. Щоб налагоджувати код більш ефективно, вам слід попрактикуватися у всіх цих методах і навчитися правильно їх використовувати.
Програмісти та розробники часто використовували їх для друку будь-яких змінних, які були попередньо визначені в ньому, а також будь-якої інформації, яку потрібно представити користувачеві.
