Кращі 100 JavaСценарій Інтерв'ю Питання та відповіді (2025)
JavaПитання про сценарій співбесіди для першокурсників
1 Що JavaСценарій?
JavaScript — це дуже потужна мова сценаріїв на стороні клієнта. JavaСценарій використовується в основному для покращення взаємодії користувача з веб-сторінкою. Іншими словами, ви можете зробити свою веб-сторінку більш живою та інтерактивною за допомогою JavaСценарій. JavaСценарій також широко використовується в розробці ігор і мобільних додатків.
👉 Безкоштовне завантаження PDF: JavaПитання та відповіді на сценарій інтерв'ю >>
2. Перелічіть відмінності між Java та JavaСценарій?
Java є повною мовою програмування. На відміну від цього, JavaСценарій — це закодована програма, яку можна використовувати на сторінках HTML. Ці дві мови зовсім не взаємозалежні та створені для різних цілей. Java це об’єктно-орієнтоване програмування (OOPS) або такі мови структурованого програмування, як C++ або C, тоді як JavaScript це мова сценаріїв на стороні клієнта.
3. Що таке JavaТипи даних сценарію?
Далі JavaТипи даних сценарію:
- Номер
- рядок
- Boolean
- Об'єкт
- Не визначено
4. Яке використання функції isNaN?
Функція isNan повертає істину, якщо аргумент не є числом; в іншому випадку це невірно.
5. Що швидше між JavaСценарій і сценарій ASP?
JavaСкрипт працює швидше. JavaСценарій є мовою на стороні клієнта, тому для його виконання не потрібна допомога веб-сервера. З іншого боку, ASP — це мова на стороні сервера, тому вона завжди повільніша, ніж JavaСценарій. Javascript тепер також є серверною мовою (nodejs).
6. Що таке негативна нескінченність?
Від’ємна нескінченність – це число в JavaСценарій, який можна отримати шляхом ділення від’ємного числа на нуль.
7. Чи можна зламати JavaРозбити код сценарію на кілька рядків?
Розбити оператор рядка можна за допомогою зворотної скісної риски «\» у кінці першого рядка.
приклад:
document. Write ("This is \a program,");
І якщо ви змінюєте на новий рядок, коли не в операторі рядка, тоді javaScript ігнорує розрив у рядку.
приклад:
var x=1, y=2, z= x+y;
Наведений вище код є цілком нормальним, хоча не рекомендується, оскільки він заважає налагодженню.
8. Яка компанія розробила JavaСценарій?
Netscape — компанія, яка розробила програмне забезпечення JavaСценарій.
9. Що таке неоголошені та невизначені змінні?
Неоголошені змінні - це ті, які не існують у програмі та не оголошені. Якщо програма намагається прочитати значення неоголошеної змінної, виникає помилка виконання.
Невизначені змінні - це ті, які оголошені в програмі, але не отримали жодного значення. Якщо програма намагається прочитати значення невизначеної змінної, повертається невизначене значення.
10. Написати код для динамічного додавання нових елементів?
<html> <head> <title>t1</title> <script type="text/javascript"> function addNode () { var newP = document. createElement("p"); var textNode = document.createTextNode(" This is a new text node"); newP.appendChild(textNode); document.getElementById("firstP").appendChild(newP); } </script> </head> <body> <p id="firstP">firstP<p> </body> </html>
11. Що таке глобальні змінні? Як оголошуються ці змінні?
Глобальні змінні доступні по всій довжині коду, тому він не має області видимості. Ключове слово var використовується для оголошення локальної змінної або об’єкта. Якщо ключове слово var опущено, оголошується глобальна змінна.
приклад:
// Оголошення глобального: globalVariable = “Test”;
Проблеми, з якими стикається використання глобальних змінних, полягають у зіткненні імен змінних локальної та глобальної області видимості. Крім того, важко налагоджувати та тестувати код, який покладається на глобальні змінні.
12. Що таке ящик підказок?
Вікно підказок — це поле, яке дозволяє користувачеві вводити дані, надаючи текстове поле. Буде надано ярлик і поле для введення тексту або числа.
13. Що таке ключове слово «це». JavaСценарій?
Ключове слово "це" посилається на об'єкт, звідки його було викликано.
14. У чому полягає робота таймерів JavaСценарій?
Таймери використовуються для виконання фрагмента коду у встановлений час або повторення коду через заданий інтервал. Це робиться за допомогою функцій setTimeout, setInterval, та clearInterval.
Команда setTimeout(функція, затримка) функція використовується для запуску таймера, який викликає певну функцію після згаданої затримки. The setInterval(функція, затримка) функція повторно виконує задану функцію протягом зазначеної затримки та зупиняється лише після скасування. The clearInterval(id) функція наказує таймеру зупинитися.
Таймери працюють в одному потоці, тому події можуть стояти в черзі, очікуючи на виконання.
15. Який символ використовується для коментарів у Javascript?
// для однорядкових коментарів і
/* Мульти
Лінія
коментар
*/
16. Яка різниця між ViewState і SessionState?
- "ViewState" є специфічним для сторінки в сеансі.
- «SessionState» стосується даних користувача, до яких можна отримати доступ на всіх сторінках веб-додатків.
17. Що таке оператор ===?
=== називається оператором суворої рівності, який повертає істину, якщо два операнди мають однакове значення без перетворення.
18. Як можна подати форму за допомогою JavaСценарій?
Щоб подати форму за допомогою JavaВикористання сценарію
document.form[0].submit(); document.form[0].submit();
19. Чи JavaСценарій підтримує автоматичне перетворення типів?
Так, JavaСценарій підтримує автоматичне перетворення типів. Це поширений спосіб перетворення типів, який використовує JavaРозробники сценаріїв
20. Як можна змінити стиль/клас елемента?
Це можна зробити в такий спосіб:
document.getElementById("myText"). style. fontSize = "20";
or
document. getElementById ("myText"). className = "anyclass";
21. Як читати та писати файл за допомогою JavaСценарій?
Існує два способи читання та запису файлу за допомогою JavaScript
- використання JavaРозширення скриптів
- Використання веб-сторінки та об’єктів Active X
22. Що таке всі циклічні структури JavaСценарій?
Нижче наведено зациклені структури Javascript:
- для
- У той час як
- Цикли do-while
23. Що називається Variable typing in Javascript?
Введення змінної використовується для присвоєння номера змінній. Цю ж змінну можна призначити рядку.
приклад:
i = 10; i = "string;"
Це називається типом змінних.
24. Як можна перетворити рядок будь-якої основи на ціле число в JavaСценарій?
Функція parseInt() використовується для перетворення чисел між різними основами. parseInt() приймає рядок, який потрібно перетворити, як свій перший параметр. Другим параметром є основа даного рядка.
Щоб перетворити 4F (або базу 16) на ціле число, використовуйте такий код:
parseInt ("4F", 16);
25. Різниця між «==» і «===»?
«==» перевіряє лише рівність у значенні, тоді як «===» є суворішим тестом на рівність і повертає false, якщо значення або тип двох змінних відрізняються.
JavaПитання про сценарій співбесіди для досвідчених
26. Яким буде результат 3+2+”7”?
Оскільки 3 і 2 — цілі числа, їх буде додано чисельно. А оскільки 7 – це рядок, буде виконано його конкатенацію. Отже, результат буде 57.
27. Як визначити операційну систему на клієнтській машині?
Для того, щоб виявити операційну систему на клієнтській машині, навігатор. Необхідно використовувати рядок (властивість) платформи.
28. Що ви маєте на увазі під NULL в Javascript?
Значення NULL використовується для представлення відсутності значення або відсутності об’єкта. Це передбачає відсутність об’єкта чи нульового рядка, відсутність дійсного логічного значення, число чи об’єкт масиву.
29. Яку функцію виконує оператор видалення?
Ключове слово delete використовується для видалення властивості, а також її значення.
Приклад
var student= {age:20, batch:"ABC"}; Delete student. age;
30. Що таке невизначене значення в JavaСценарій?
Невизначене значення означає
- Змінна, яка використовується в коді, не існує
- Змінній не присвоюється жодне значення
- Власності не існує.
31. Які всі типи спливаючих вікон доступні JavaСценарій?
- Оповіщення
- Підтвердьте і
- Підказка
32. Яка користь від Void (0)?
Void(0) використовується для запобігання оновленню сторінки, а параметр «нуль» передається під час виклику.
Void(0) використовується для виклику іншого методу без оновлення сторінки.
33. Як можна змусити сторінку завантажити іншу сторінку JavaСценарій?
Для досягнення бажаного ефекту необхідно вставити наступний код:
<script language="JavaScript" type="text/javascript" > <!-- location. href="https://www.guru99.com/javascript-interview-questions-answers.html"; //--></script>
34. Який тип даних змінних у JavaСценарій?
Усі змінні в JavaСценарій - це об'єктні типи даних.
35. Яка різниця між вікном попередження та вікном підтвердження?
У полі сповіщення відображається лише одна кнопка, яка є кнопкою OK.
Але вікно підтвердження відображає дві кнопки, а саме «ОК» і «Скасувати».
36. Що таке escape-символи?
Символи екранування (зворотна коса риска) використовуються під час роботи зі спеціальними символами, такими як одинарні лапки, подвійні лапки, апостроф і амперсанд. Поставте зворотну косу риску перед символами, щоб відобразити її.
приклад:
document. write "I m a "good" boy." document. write "I m a \"good\" boy."
37. Що таке JavaСценарій cookies?
Файли cookie це невеликі тестові файли, що зберігаються на комп’ютері, і вони створюються, коли користувач відвідує веб-сайти, щоб зберігати потрібну інформацію. Прикладами можуть бути відомості про ім’я користувача та інформацію про кошик для покупок із попередніх відвідувань.
38. Що за метод pop(). JavaСценарій є?
Метод pop() схожий на метод shift(), але відмінність полягає в тому, що Shift метод працює на початку масиву. Метод pop() знімає останній елемент із заданого масиву та повертає його. Потім змінюється масив, для якого він викликається.
приклад:
var cloths = ["Shirt", "Pant", "TShirt"]; cloths.pop(); //Now cloth becomes Shirt,Pant
39. Чи JavaСценарій має область концептуального рівня?
Ні. JavaСценарій не має області дії на рівні концепції. Змінна, оголошена всередині функції, має область видимості всередині функції.
40. Які недоліки використання innerHTML в JavaСценарій?
Якщо ви використовуєте innerHTML у JavaСкрипт, недолік є
- Контент замінюється всюди
- Ми не можемо використовувати це як «додавання до innerHTML
- Навіть якщо ви використовуєте +=як «innerHTML = innerHTML + 'html'», все одно старий вміст буде замінено на html
- Весь вміст innerHTML повторно аналізується та складається в елементи. Тому це набагато повільніше
- Внутрішній HTML не забезпечує перевірку, тому ми потенційно можемо вставити дійсний і несправний HTML у документ і зламати його
41. Що таке оператори break і continue?
Оператор Break виходить із поточного циклу.
Оператор Continue продовжується наступним оператором циклу.
42. Назвіть дві основні групи типів даних у JavaСценарій?
- Вони як—примітивні
- Довідкові типи
Примітивними типами є числові та логічні типи даних. Типи посилань — це більш складні типи, наприклад рядки та дати.
43. Як можна створювати загальні об'єкти?
Загальні об’єкти можна створювати як:
var I = new object();
44. Яке використання типу оператора?
«Typeof» — це оператор, який використовується для повернення опису рядка типу змінної.
45. Які ключові слова використовуються для обробки винятків?
Спробуйте… Catch — finally використовується для обробки винятків у JavaScript
Try{ Code } Catch(exp){ Code to throw an exception. } Finally{ Code runs either it finishes successfully or after catch }
46. Яке ключове слово використовується для друку тексту на екрані?
документ. Write («Welcome») використовується для друку тексту – Welcome на екрані.
47. Яке використання функції розмиття?
Функція Blur використовується для видалення фокусу з зазначеного об'єкта.
48. Що таке типізація змінних?
Введення змінної присвоює змінній номер, а потім тій самій змінній присвоює рядок. Ось такий приклад:
i= 8; i="john";
49. Як знайти операційну систему на клієнтській машині за допомогою JavaСценарій?
Команда "Навігатор. версія програми використовується для пошуку назви операційної системи на клієнтській машині.
50. Які різні типи помилок в JavaСценарій?
Є три види помилок:
- Помилки часу завантаження: Помилки, які виникають під час завантаження веб-сторінки, як-от неправильні синтаксичні помилки, відомі як помилки часу завантаження та генерують помилки динамічно.
- Помилки виконання: помилки, які виникають через неправильне використання команди в мові HTML.
- Логічні помилки: це помилки, які виникають через погану логіку, виконану для функції з іншою операцією.
JavaПитання для сценарію співбесіди за 5 років досвіду
51. Чим корисний метод Push в JavaСценарій?
Метод push використовується для додавання одного чи кількох елементів до кінця масиву. Використовуючи цей метод, ми можемо додавати кілька елементів, передаючи кілька аргументів.
52. Що таке метод unshift в JavaСценарій?
Метод Unshift схожий на метод push, який працює на початку масив. Цей метод використовується для додавання одного або кількох елементів до початку масиву.
53. Яка різниця між JavaСкрипт і Jscript?
Обидва майже схожі. Розробка Netscape і Jscript JavaСценарій розроблено Microsoft.
54. Як призначаються властивості об’єктів?
Властивості призначаються об’єктам у такий спосіб –
obj ["class"] = 12; or obj.class = 12;
55. Що таке «Строгий режим» у JavaСкрипт, і як його ввімкнути?
Строгий режим додає певні примуси JavaСценарій. У суворому режимі, JavaСценарій показує помилки для фрагмента коду, який раніше не показував помилки, але може бути проблематичним і потенційно небезпечним. Строгий режим також усуває деякі помилки, які перешкоджають JavaЕфективна робота механізмів сценаріїв.
Строгий режим можна ввімкнути, додавши над файлом рядковий літерал «use strict». Це можна проілюструвати наведеним прикладом:
function myfunction() { "use strict;" var v = "This is a strict mode function"; }
56. Як отримати статус ЧекаBox?
Статус можна отримати наступним чином:
alert(document.getElementById('checkbox1').checked);
Якщо перевіркаBox позначено, це сповіщення поверне TRUE.
57. Як можна визначити ОС клієнтської машини?
Навігатор. Рядок appVersion можна використовувати для визначення операційної системи на клієнтській машині.
58. Що таке window.onload і onDocumentReady?
Функція onload не запускається, доки не буде завантажено всю інформацію на сторінці. Це призводить до значної затримки перед виконанням будь-якого коду.
onDocumentReady завантажує код одразу після завантаження DOM. Це дозволяє раннє маніпулювання кодом.
59. Як працюють закриття JavaСценарій?
Закриття — це локально оголошена змінна, пов’язана з функцією, яка залишається в пам’яті після повернення.
Наприклад:
function greet(message) { console.log(message); } function greeter(name, age) { return name + " says howdy!! He is " + age + " years old"; } // Generate the message var message = greeter("James", 23); // Pass it explicitly to greet greet(message); This function can be better represented by using closures function greeter(name, age) { var message = name + " says howdy!! He is " + age + " years old"; return function greet() { console.log(message); }; } // Generate the closure var JamesGreeter = greeter("James", 23); // Use the closure JamesGreeter();
60. Як можна додати значення до масиву?
Значення можна додати до масиву таким чином:
arr[arr.length] = value;
61. Що таке цикл for-in Javascript?
Цикл for-in використовується для перегляду властивостей об’єкта.
Синтаксис для циклу for-in такий:
for (variable name in object){ statement or block to execute }
У кожному повторенні одна властивість об’єкта пов’язується з іменем змінної. Цикл продовжується, доки всі властивості об’єкта не будуть вичерпані.
62. Які важливі властивості анонімної функції в JavaСценарій?
Функція, оголошена без будь-якого іменованого ідентифікатора, відома як анонімна функція. Загалом, анонімна функція недоступна після її оголошення.
Оголошення анонімної функції –
var anon = function() { alert('I am anonymous'); }; anon();
63. Яка різниця між .call() і .apply()?
Функції .call() і .apply() дуже схожі у своєму використанні, за винятком невеликої різниці. .call() використовується, коли кількість аргументів функції відома програмісту, оскільки вони повинні бути вказані як аргументи в операторі виклику. З іншого боку, .apply() використовується, коли число невідоме. Функція .apply() очікує, що аргумент буде масивом.
Основна відмінність між .call() і .apply() полягає в способі передачі аргументів у функцію. Їх використання можна проілюструвати наведеним прикладом.
var someObject = { myProperty : 'Foo', myMethod : function(prefix, postfix) { alert(prefix + this.myProperty + postfix); } }; someObject.myMethod('<', '>'); // alerts '<Foo>' var someOtherObject = { myProperty : 'Bar.' }; someObject.myMethod.call(someOtherObject, '<', '>'); // alerts '<Bar>' someObject.myMethod.apply(someOtherObject, ['<', '>']); // alerts '<Bar>'
64. Що таке підсвічування подій?
JavaСценарій дозволяє вкладати елементи DOM один в одного. У такому випадку, якщо клацнути обробник дочірнього елемента, обробник батьківського елемента також працюватиме так, ніби його також клацнули.
65. Є JavaСценарій чутливий до регістру? Наведіть його приклад.
Так, JavaСценарій чутливий до регістру. Наприклад, функція parseInt — це не те саме, що функція Parseint.
66. Які булеві оператори можна використовувати в JavaСценарій?
Кінець' Operator (&&), 'або' Operator (||) і "Not" Operator (!) можна використовувати в JavaСценарій.
*Operaтори без дужок.
67. Як можна націлити певний фрейм із гіперпосилання JavaСценарій?
Це можна зробити, включивши назву потрібного кадру в гіперпосилання за допомогою атрибута target.
<a href="/uk/newpage.htm" target="newframe">>New Page</a>
68. Яка роль операторів break і continue?
Оператор break використовується для виходу з поточного циклу. І навпаки, оператор continue продовжує поточний цикл з новим повторенням.
69. Напишіть різницю між веб-садом і веб-фермою?
Веб-сад і веб-ферма є системами веб-хостингу. Єдина відмінність полягає в тому, що веб-сад — це система, яка включає багато процесорів на одному сервері. У той же час веб-ферма — це більша установка, яка використовує більше одного сервера.
70. Як призначаються властивості об’єктів?
Присвоєння властивостей об’єктам відбувається так само, як значення присвоюється змінній. Наприклад, значення дії об’єкта форми призначається як «подати» таким чином – Документ. form.action=”подати”
71. Який метод читання та запису файлу в JavaСценарій?
Це можна зробити за допомогою JavaРозширення скриптів (запускається з JavaРедактор сценаріїв), наприклад, для відкриття файлу –
fh = fopen(getScriptPath(), 0);
72. Як DOM використовується в JavaСценарій?
DOM означає Document Object Model і відповідає за те, як різні об’єкти в документі взаємодіють один з одним. DOM потрібен для розробки веб-сторінок, які включають такі об’єкти, як абзаци, посилання тощо. Ці об’єкти можна використовувати для включення таких дій, як додавання чи видалення. DOM також потрібен для додавання додаткових можливостей до веб-сторінки. Крім того, використання API дає перевагу перед іншими існуючими моделями.
73. Як обробники подій використовуються в JavaСценарій?
Події — це дії, які є результатом дій, наприклад натискання посилання або заповнення форми користувачем. Для правильного виконання всіх цих подій потрібен обробник подій. Обробники подій є додатковим атрибутом об'єкта. Цей атрибут містить назву події та дію, яка виконується, якщо подія відбудеться.
74. Яка роль відкладених сценаріїв у JavaСценарій?
Розбір HTML-коду під час завантаження сторінки призупиняється за замовчуванням, доки виконання сценарію не припиниться. Якщо сервер повільний або сценарій особливо важкий, веб-сторінка затримується.
Під час використання Deferred сценарії затримують виконання сценарію до моменту запуску аналізатора HTML. Це зменшує час завантаження веб-сторінок, і вони швидше відображаються.
75. Які різні функціональні компоненти в JavaСценарій?
Різні функціональні компоненти в JavaСценарій -
- Першокласні функції: Функції в JavaСкрипти використовуються як першокласні об'єкти. Зазвичай це означає, що ці функції можна передавати як аргументи іншим функціям, повертати як значення з інших функцій, призначати змінним або також можна зберігати в структурах даних.
- Вкладені функції: Функції, які визначені всередині інших функцій, називаються вкладеними функціями. Вони викликаються щоразу, коли викликається основна функція.
76. Напишіть про помилки, наведені в JavaСценарій?
JavaСценарій видає повідомлення про помилку. Розпізнані помилки:
- Помилки часу завантаження: Помилки, які відображаються під час завантаження сторінки, враховуються під час завантаження. Використання неправильного синтаксису стикається з цими помилками, і тому виявляється під час завантаження сторінки.
- Помилки виконання: Це помилка, яка виникає під час роботи програми. Наприклад, незаконні операції призводять до ділення числа на нуль або доступу до неіснуючої області пам'яті.
- Логічні помилки: Це викликано синтаксично правильним кодом, який не виконує потрібну задачу — наприклад, нескінченний цикл.
77. Що таке екранні об’єкти?
Екранні об'єкти використовуються для зчитування інформації з екрану клієнта. Властивості екранних об’єктів:
- AvailHeight: вказує висоту екрана клієнта
- AvailWidth: дає ширину екрана клієнта
- ColorDepth: дає бітову глибину зображень на екрані клієнта
- Висота: дає загальну висоту екрана клієнта, включаючи панель завдань
- Ширина: дає загальну ширину екрана клієнта, включаючи панель завдань
78. Що таке метод unshift()?
Цей метод працює на початку масиву, на відміну від push(). Він додає потрібну кількість елементів до початку масиву. Наприклад -
var name = [ "john" ]; name.unshift( "charlie" ); name.unshift( "joseph", "Jane" ); console.log(name);
Результат показаний нижче:
[" joseph ,"," Jane ,", " charlie ", " john "]
79. Що таке функції unescape() і escape()?
Функція escape () відповідає за кодування рядка для передачі інформації з одного комп’ютера на інший через мережу.
Наприклад:
<script> document.write(escape("Hello? How are you!")); </script>
вихід: Hello%3F%20How%20are%20you%21
Функція unescape() дуже важлива, оскільки вона декодує закодований рядок.
Це працює наступним чином. Наприклад:
<script> document.write(unescape("Hello%3F%20How%20are%20you%21")); </script>
вихід: Привіт? Як справи!
80. Що таке decodeURI() і encodeURI()?
EncodeURl() використовується для перетворення URL-адрес у шістнадцяткове кодування. А DecodeURI() використовується для перетворення закодованої URL-адреси назад до нормального.
<script> var uri="my test.asp?name=ståle&car=saab"; document.write(encodeURI(uri)+ "<br>"); document.write(decodeURI(uri)); </script>
Вихід -
my%20test.asp?name=st%C3%A5le&car=saab
мій test.asp?name=ståle&car=saab
JavaПитання для співбесіди зі сценарієм для 10+ років досвіду
81. Чому не варто використовувати innerHTML у JavaСценарій?
Вміст innerHTML оновлюється кожного разу, тому працює повільніше. У innerHTML немає можливості для перевірки. Таким чином, легше вставити фальшивий код у документ і зробити веб-сторінку нестабільною.
82. Що оголошує наступне твердження?
var myArray = [[[]]];
Він оголошує тривимірний масив.
83. Як справи JavaСценарій і сценарій ECMA пов’язані?
Сценарій ECMA схожий на правила та вказівки Javascript це мова сценаріїв, яка використовується для веб-розробки.
84. Що таке простір імен у JavaСкрипт, і як він використовується?
Простір імен використовується для групування бажаних функцій, змінних тощо під унікальною назвою. Це ім’я, яке прикріплено до потрібних функцій, об’єктів і властивостей. Це покращує модульність у кодуванні та дозволяє повторне використання коду.
85. Як можна JavaКоди сценаріїв можна приховати від старих браузерів, які не підтримують JavaСценарій?
Для переховування JavaКоди скриптів зі старих браузерів:
Додати " тег.
Додайте «//–>» без лапок у коді безпосередньо перед tag.
Старі браузери тепер це вирішать JavaКод сценарію як довгий коментар HTML. Хоча браузер, який підтримує JavaСценарій займе " » як однорядкові коментарі.
86. Як використовувати Loop in JavaСценарій?
Цикли корисні, коли ви багаторазово виконуєте ті самі рядки коду певну кількість разів або доки виконується певна умова. Припустімо, ви хочете 100 разів набрати повідомлення «Привіт» на своїй веб-сторінці. Звичайно, вам доведеться копіювати та вставляти один і той же рядок 100 разів. Натомість, якщо ви використовуєте цикли, ви можете виконати це завдання лише за 3 або 4 рядки.
87. Як використовувати Loops in Javascript?
В основному існує чотири типи петель JavaСценарій.
для петлі
for/in цикл (пояснено пізніше)
поки петля
do...while цикл
для петлі
Синтаксис:
for(statement1; statement2; statment3) { lines of code to be executed }
- Statement1 виконується першим, навіть перед виконанням коду циклу. Отже, цей оператор зазвичай використовується для призначення значень змінним, які використовуються всередині циклу.
- Інструкція2 є умовою для виконання петля.
- Інструкція3 виконується кожного разу після виконання коду циклу.
<html> <head> <script type="text/javascript"> var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth"); document.write("<b>Using for loops </b><br />"); for (i=0;i<students.length;i++) { document.write(students[i] + "<br />"); } </script> </head> <body> </body> </html>
поки петля
Синтаксис:
while(condition) { lines of code to be executed }
«Цикл while» виконується, доки вказана умова виконується. Усередині циклу while ви повинні включити оператор, який закінчить цикл у певний момент часу. Інакше ваш цикл ніколи не закінчиться, і ваш браузер може вийти з ладу.
do...while цикл
Синтаксис:
<pre> do { block of code to be executed } while (condition)
Цикл do…while дуже схожий на цикл while. Єдина відмінність полягає в тому, що в циклі do…while блок коду виконується один раз ще до перевірки умови.
приклад:
<html> <head> <script type="text/javascript"> document.write("<b>Using while loops </b><br />"); var i = 0, j = 1, k; document.write("Fibonacci series less than 40<br />"); while(i<40) { document.write(i + "<br />"); k = i+j; i = j; j = k; } </script> </head> <body> </body> </html>
88. Які важливі JavaПоясніть метод масиву сценаріїв на прикладі?
JavaМетоди масивів сценаріїв
Об’єкт Array має багато властивостей і методів, які допомагають розробникам легко й ефективно працювати з масивами. Ви можете отримати значення властивості, вказавши arrayname.property, а вихід методу, вказавши arrayname.method().
- майно довжини –> Якщо ви хочете знати кількість елементів у масиві, ви можете скористатися властивістю length.
- властивість прототипу –> Якщо ви хочете додати нові властивості та методи, ви можете використати властивість prototype.
- зворотний спосіб –> Ви можете змінити порядок елементів у масиві за допомогою зворотного методу.
- метод сортування –> Ви можете сортувати елементи в масиві за допомогою методу сортування.
- поп-метод –> Ви можете видалити останній елемент масиву за допомогою методу pop.
- вахтовий метод –> Ви можете видалити перший елемент масиву за допомогою методу shift.
- метод натискання –> Ви можете додати значення як останній елемент масиву.
<html> <head> <title>Arrays!!!</title> <script type="text/javascript"> var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth"); Array.prototype.displayItems=function(){ for (i=0;i<this.length;i++){ document.write(this[i] + "<br />"); } } document.write("students array<br />"); students.displayItems(); document.write("<br />The number of items in students array is " + students.length + "<br />"); document.write("<br />The SORTED students array<br />"); students.sort(); students.displayItems(); document.write("<br />The REVERSED students array<br />"); students.reverse(); students.displayItems(); document.write("<br />THE students array after REMOVING the LAST item<br />"); students.pop(); students.displayItems(); document.write("<br />THE students array after PUSH<br />"); students.push("New Stuff"); students.displayItems(); </script> </head> <body> </body> </html>
89. У чому полягає концепція OOPS JavaСценарій?
Часто змінних або масивів недостатньо для моделювання ситуацій у реальному житті. JavaСценарій дозволяє створювати об’єкти, які діють як об’єкти реального життя. Студент або дім можуть бути об’єктом, який має багато унікальних характеристик. Ви можете створювати властивості та методи для ваших об’єктів, щоб полегшити програмування. Якщо ваш об’єкт є студентом, він матиме такі властивості, як ім’я, прізвище, ідентифікатор тощо, а також такі методи, як обчислення рангу, зміна адреси тощо. Якщо ваш об’єкт є домом, він матиме такі властивості, як кількість кімнати, колір фарби, розташування тощо. Такі методи, як розрахунок площі, зміна власника тощо.
Як створити об'єкт
Ви можете створити такий об’єкт:
var objName = new Object(); objName.property1 = value1; objName.property2 = value2; objName.method1 = function() { line of code }
OR
var objName= {property1:value1, property2:value2, method1: function() { lines of code} };
90. Що таке цикл через властивості об’єкта?
Цикл for/in зазвичай використовується для перегляду властивостей об’єкта. Ви можете дати будь-яке ім’я для змінної, але ім’я об’єкта має збігатися з ім’ям уже існуючого об’єкта, який потрібно виконати в циклі.
Синтаксис:
for (variablename in objectname) { lines of code to be executed }
приклад:
<html> <head> <script type="text/javascript"> var employee={first:"John", last:"Doe", department:"Accounts"}; var details = ""; document.write("<b>Using for/in loops </b><br />"); for (var x in employee) { details = x + ": " + employee[x]; document.write(details + "<br />"); } </script> </head> <body> </body> </html>
91 Що JavaМодульне тестування сценаріїв і які проблеми виникають JavaМодульне тестування сценарію?
JavaМодульне тестування сценаріїв — це метод тестування, у якому JavaСценарій тестує код, написаний для веб-сторінки або модуля веб-додатку. Він поєднується з HTML як вбудований обробник подій і виконується в браузері, щоб перевірити, чи всі функції працюють добре. Потім ці модульні тести організовуються в набір тестів.
Кожен пакет містить кілька тестів, призначених для виконання для окремого модуля. Найважливіше те, що вони не конфліктують з будь-яким іншим модулем і працюють із меншою кількістю залежностей один від одного (деякі критичні ситуації можуть спричинити залежності).
Виклики JavaМодульне тестування сценарію:
Ось важливі виклики JavaМодульне тестування сценарію:
- Багато інших мов підтримують модульне тестування в браузерах, як у стабільному, так і в середовищі виконання, але JavaСценарій не може
- Ви можете зрозуміти деякі дії системи за допомогою інших мов, але це не так JavaScript
- Дещо JavaСценарії написані для веб-програми, яка може мати кілька залежностей.
- JavaСценарій добре використовувати в поєднанні з HTML і CSS, а не в Інтернеті
- Труднощі з відтворенням сторінки та маніпулюванням DOM
- Іноді на екрані з’являється повідомлення про помилку «Не вдається завантажити example.js» або будь-яке інше JavaПомилка сценарію щодо керування версіями. Ці вразливості підпадають під модульне тестування JavaScript
Рішення з JavaМодульне тестування сценарію:
Щоб уникнути таких проблем, що ви можете зробити:
- Не використовуйте глобальні змінні.
- Не маніпулюйте попередньо визначеними об’єктами.
- Спроектуйте основні функції на основі бібліотеки.
- Спробуйте створити невеликі фрагменти функцій із меншою кількістю залежностей.
92. Які деякі важливі JavaФреймворки модульного тестування сценаріїв?
Нижче наведено підібраний список популярних JavaФреймворки та інструменти модульного тестування сценаріїв, які широко використовуються:
Unit.js: Вона відома як бібліотека тверджень з відкритим вихідним кодом, що працює в браузері та Node.js. Він надзвичайно сумісний з іншими JavaФреймворки модульного тестування сценаріїв, такі як Mocha, Karma, Jasmine, QUnit, Protractor тощо. Надає повний задокументований API списку тверджень.
QUnit: Він використовується як на стороні клієнта, так і на стороні сервера JavaМодульне тестування сценарію. Це безкоштовно JavaДля проектів jQuery використовується платформа тестування сценаріїв. Це відповідає Загальній специфікації модульного тестування JS для модульного тестування в JavaСценарій. Він підтримує розклад довгострокової підтримки Node.
Жасмин: Jasmine — це основа розробки, керована поведінкою, для модульного тестування JavaСценарій. Він використовується для тестування як синхронного, так і асинхронного JavaКоди скриптів. Він не вимагає DOM і має простий синтаксис, який можна написати для будь-якого тесту.
Карма: Karma — це середовище продуктивного тестування з відкритим кодом. Просте керування робочим процесом за допомогою командного рядка. Пропонує свободу писати тести за допомогою Jasmine, Mocha та QUnit. Ви можете запустити тест на реальних пристроях із легким налагодженням.
мокко: Mocha працює на Node.js і в браузері. Mocha простіше виконує асинхронне тестування. Забезпечує точність і гнучкість у звітності. Забезпечує чудову підтримку багатих функцій, таких як тайм-аути для конкретних тестів, JavaAPI скриптів.
Жарт: Facebook поки використовує жарт, щоб перевірити все JavaКод скрипта. Це забезпечує досвід тестування без конфігурації. Підтримує незалежні та безперервні тести без конфліктів. Не потребує жодних інших конфігурацій і бібліотек.
AVA: AVA - це просто JavaМодуль тестування сценаріїв. Випробування проводяться паралельно та послідовно. Паралельні тести виконуються, не перериваючи один одного. Ця структура тестування також підтримує асинхронне тестування. AVA використовує підпроцеси для виконання модульного тесту JavaСценарій.
93. Що таке алгоритм швидкого сортування JavaСценарій?
Алгоритм швидкого сортування дотримується підходу «Розділяй і володарюй». Він ділить елементи на менші частини на основі певних умов і виконує певні операції над цими розділеними меншими частинами.
Алгоритм швидкого сортування є одним із найбільш використовуваних і популярних алгоритмів у будь-якій мові програмування. Якщо ви a JavaРозробнику сценаріїв, можливо, ви чули про sort(), який уже доступний у JavaСценарій. Потім ви могли подумати про те, для чого потрібен цей алгоритм швидкого сортування. Щоб зрозуміти це, по-перше, нам знадобиться, що таке сортування і що таке сортування за замовчуванням JavaСценарій.
Швидке сортування слідує за Розділяй і володарюй алгоритм. Він ділить елементи на менші частини на основі певних умов і виконує операції сортування цих розділених менших частин. Отже, він добре працює для великих наборів даних. Отже, ось кроки, як Quicksort працює простими словами.
- Спочатку виберіть елемент, який потрібно назвати стрижень елемент.
- Далі порівняйте всі елементи масиву з вибраним опорним елементом і розмістіть їх так, щоб залишилися елементи, менші за опорний елемент. Праворуч від нього розташовано більше опори.
- Нарешті, виконайте ті самі операції з лівим і правим бічними елементами до поворотного елемента.
Отже, це основний план Quicksort. Ось кроки, які потрібно виконувати один за одним, щоб виконати Quicksort.
94. Як працює QuickSort
Крок 1) Спочатку знайдіть «опорний» елемент у масиві.
Крок 2) Почніть лівий вказівник з першого елемента масиву.
Крок 3) Почніть правий покажчик з останнього елемента масиву.
Крок 4) Порівняйте елемент, що вказує з лівим покажчиком, і якщо він менше опорного елемента, то перемістіть лівий вказівник вправо (додайте 1 до лівого індексу). Продовжуйте це, доки лівий бічний елемент не стане більшим або рівним опорному елементу.
Крок 5) Порівняйте елемент, що вказує, з правим покажчиком. Якщо воно більше опорного елемента, перемістіть правий покажчик ліворуч (відніміть 1 до правого індексу). Продовжуйте це, доки правий елемент не стане меншим або рівним опорному елементу.
Крок 6) Перевірте, чи лівий вказівник менший або дорівнює правому вказівнику, а потім перегляньте елементи в місцях розташування цих вказівників.
Крок 7) Збільшити лівий покажчик і зменшити правий.
Крок 8) Якщо індекс лівого покажчика все ще менший за індекс правого, повторіть процес; інакше повертає індекс лівого покажчика.
Отже, розглянемо ці кроки на прикладі. Давайте розглянемо масив елементів, який нам потрібно відсортувати [5,3,7,6,2,9].
Ось кроки для виконання швидкого сортування, які показано на прикладі [5,3,7,6,2,9].
КРОК 1) Визначте опору як середній елемент. Так, 7 є опорним елементом.
КРОК 2) Починати лівий і правий покажчики як перший і останній елементи масиву відповідно. Лівий покажчик вказує на 5 з індексом 0, а правий вказує на 9 під індексом 5.
КРОК 3) Порівняйте лівий вказівний елемент із поворотним елементом, оскільки 5 < 6 зміщує лівий вказівник вправо до індексу 1.
КРОК 4) Тепер все ще 3 <6, тому перемістіть лівий покажчик на ще один індекс праворуч. Тепер 7 > 6 припиняє збільшення лівого вказівника, і тепер лівий вказівник має індекс 2.
КРОК 5) Тепер порівняйте значення правого покажчика з опорним елементом. Оскільки 9 > 6, перемістіть правий покажчик ліворуч. Тепер, оскільки 2 < 6, перестаньте рухати правий покажчик.
КРОК 6) Поміняйте обидва значення, наявні біля лівого та правого вказівників, одне з одним.
КРОК 7) Перемістіть обидва покажчики ще на один крок.
КРОК 8) Оскільки 6 = 6, перемістіть вказівники на ще один крок і зупиніться, коли лівий вказівник перетинає правий і повертає індекс лівого вказівника.
Тут, базуючись на наведеному вище підході, нам потрібно написати код для заміни елементів і розділення масиву, як згадано в вищезгаданих кроках.
приклад:
var items = [5,3,7,6,2,9]; function swap(items, leftIndex, rightIndex){ var temp = items[leftIndex]; items[leftIndex] = items[rightIndex]; items[rightIndex] = temp; } function: partition(items, left, right) { var pivot = items[Math.floor((right + left) / 2)], //middle element i = left, //left pointer j = right; //right pointer while (i <= j) { while (items[i] < pivot) { i++; } while (items[j] > pivot) { j--; } if (i <= j) { swap(items, i, j); //sawpping two elements i++; j--; } } return i; } function quickSort(items, left, right) { var index; if (items.length > 1) { index = partition(items, left, right); //index returned from partition if (left < index - 1) { //more elements on the left side of the pivot quickSort(items, left index - 1); } if (index < right) { //more elements on the right side of the pivot quickSort(items, index, right); } } return items; } // first call to quick sort var sortedArray = quickSort(items, 0, items.length - 1); console.log(sortedArray); //prints [2,3,5,6,7,9]
95. Що таке DOM в JavaСценарій?
JavaСценарій може отримати доступ до всіх елементів веб-сторінки за допомогою об’єктної моделі документа (DOM). Веб-браузер створює DOM веб-сторінки, коли сторінка завантажується.
96. Як використовувати DOM і події?
Використовуючи DOM, JavaСценарій може виконувати кілька завдань. Він може створювати нові елементи та атрибути, змінювати існуючі елементи та атрибути та навіть видаляти існуючі елементи та атрибути. JavaСценарій також може реагувати на існуючі події та створювати нові події на сторінці.
- getElementById, innerHTML Приклад
- getElementById: для доступу до елементів і атрибутів, ідентифікатор яких встановлено.
- innerHTML: для доступу до вмісту елемента.
<html> <head> <title>DOM!!!</title> </head> <body> <h3 id="one">Welcome</h3> <p>This is the welcome message.</p> <h3>Technology</h3> <p>This is the technology section.</p> <script type="text/javascript"> var text = document.getElementById("one").innerHTML; alert("The first heading is " + text); </script> </body> </html>
Приклад 2.getElementsByTagName
getElementsByTagName: для доступу до елементів і атрибутів за допомогою імені тегу. Цей метод поверне масив усіх елементів з однаковою назвою тегу.
<html> <head> <title>DOM!!!</title> </head> <body> <h3>Welcome</h3> <p>This is the welcome message.</p> <h3>Technology</h3> <p id="second">This is the technology section.</p> <script type="text/javascript"> var paragraphs = document.getElementsByTagName("p"); alert("Content in the second paragraph is " + paragraphs[1].innerHTML); document.getElementById("second").innerHTML = "The orginal message is changed."; </script> </body> </html>
Приклад обробника подій
- createElement: щоб створити новий елемент
- removeChild: видалити елемент
- ви можете додати обробник подій до певного елемента, як цей
document.getElementById(id).onclick=function() { lines of code to be executed }
OR
document.getElementById(id).addEventListener("click", functionname)
приклад:
<html> <head> <title>DOM!!!</title> </head> <body> <input type="button" id="btnClick" value="Click Me!!" /> <script type="text/javascript"> document.getElementById("btnClick").addEventListener("click", clicked); function clicked() { alert("You clicked me!!!"); } </script> </body> </html>
97. Що таке зовнішній JavaСценарій?
Ви плануєте відображати поточну дату й час на всіх своїх веб-сторінках. Припустімо, ви написали код і скопіювали його на всі свої веб-сторінки (скажімо, 100). Але пізніше ви захочете змінити формат, у якому відображаються дата або час. У цьому випадку вам доведеться внести зміни на всі 100 веб-сторінок. Це буде дуже трудомістке і складне завдання.
Отже, збережіть JavaКод скрипта в новому файлі з розширенням .js. Потім додайте рядок коду на всі свої веб-сторінки, щоб вказувати на ваш файл .js, як це:
<script type="text/javascript," src="/currentdetails.js,">
Примітка: Передбачається, що файл .js і всі ваші веб-сторінки знаходяться в одній папці. Якщо файл external.js знаходиться в іншій папці, вам потрібно вказати повний шлях до файлу в атрибуті src.
приклад:
var currentDate = new Date(); var day = currentDate.getDate(); Var month = currentDate.getMonth() + 1; var monthName; var hours = currentDate.getHours(); var mins = currentDate.getMinutes(); var secs = currentDate.getSeconds(); var strToAppend; It (hours >12 ) { hours1 = "0" + (hours - 12); strToAppend = "PM"; } else if (hours <12) { hours1 = "0" + hours; strToAppend = "AM"; } else { hours1 = hours; strToAppend = "PM"; } if(mins<10) mins = "0" + mins; if (secs<10) secs = "0" + secs; switch (month) { case 1: monthName = "January"; break; case 2: monthName = "February"; break; case 3: monthName = "March"; break; case 4: monthName = "April"; break; case 5: monthName = "May"; break; case 6: monthName = "June"; break; case 7: monthName = "July"; break; case 8: monthName = "August"; break; case 9: monthName = "September"; break; case 10: monthName = "October"; break; case 11: monthName = "November"; break; case 12: monthName = "December"; break; } var year = currentDate.getFullYear(); var myString; myString = "Today is " + day + " - " + monthName + " - " + year + ".<br />Current time is " + hours1 + ":" + mins + ":" + secs + " " + strToAppend + "."; document.write(myString);
98. Коли використовувати внутрішній і зовнішній JavaКод сценарію?
Припустімо, що у вас є лише кілька рядків коду, який стосується конкретної веб-сторінки. В такому випадку краще залишити свій JavaКод сценарію, внутрішній у вашому документі HTML.
З іншого боку, якщо ваш JavaКод сценарію використовується на багатьох веб-сторінках, вам слід зберегти свій код в окремому файлі. Якщо ви хочете внести деякі зміни у свій код, вам потрібно змінити лише один файл, що спрощує обслуговування коду. Якщо ваш код занадто довгий, краще зберегти його в окремому файлі. Це сприяє легкому налагодженню.
99. Що таке файли cookie JavaСценарій?
Файл cookie — це частина даних, що зберігається на вашому комп’ютері, до якої має доступ ваш браузер. Ви також могли насолоджуватися перевагами файлів cookie свідомо чи несвідомо. Ви коли-небудь зберігали свій пароль на Facebook, щоб вам не доводилося вводити його кожного разу, коли ви намагаєтесь увійти? Якщо так, то ви використовуєте файли cookie. Файли cookie зберігаються як пари ключ/значення.
Javascript Set-Cookie:
Ви можете створити файли cookie за допомогою документа. така властивість cookie.
document.cookie = "cookiename=cookievalue"
Ви навіть можете додати дату закінчення терміну дії файлу cookie, щоб видалити конкретний файл cookie з комп’ютера у вказану дату. Термін придатності повинен бути встановлений у форматі UTC/GMT. Якщо ви не встановите термін дії, файл cookie буде видалено, коли користувач закриє браузер.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"
Ви також можете встановити домен і шлях, щоб визначити, до якого домену та до яких каталогів у конкретному домені належить файл cookie. За замовчуванням файл cookie належить сторінці, яка встановлює цей файл cookie.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/
//створити файл cookie з доменом поточної сторінки та шляхом до всього домену.
JavaСценарій отримати файли cookie
Ви можете отримати доступ до файлу cookie таким чином, який поверне всі файли cookie, збережені для поточного домену.
var x = document.cookie
JavaСценарій видалення файлу cookie
Щоб видалити файл cookie, вам просто потрібно встановити значення cookie як порожнє та встановити значення терміну дії на минулу дату.
приклад:
<html> <head> <title>Cookie!!!</title> <script type="text/javascript"> function createCookie(cookieName,cookieValue,daysToExpire) { var date = new Date(); date.setTime(date.getTime()+(daysToExpire*24*60*60*1000)); document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString(); } function accessCookie(cookieName) { var name = cookieName + "="; var allCookieArray = document.cookie.split(';'); for(var i=0; i<allCookieArray.length; i++) { var temp = allCookieArray[i].trim(); if (temp.indexOf(name)==0) return temp.substring(name.length,temp.length); } return ""; } function checkCookie() { var user = accessCookie("testCookie"); if (user!="") alert("Welcome Back " + user + "!!!"); else { user = prompt("Please enter your name"); num = prompt("How many days you want to store your name on your computer?"); It (user!="" && user!=null) { createCookie("testCookie", user, num); } } } </script> </head> <body onload="checkCookie()"></body> </html>
100. Наведіть приклад JavaТаблиця множення сценарію
Ось приклад простої таблиці множення, яка запитує у користувача потрібну кількість рядків і стовпців.
приклад:
<html> <head> <title>Multiplication Table</title> <script type="text/javascript"> var rows = prompt("How many rows for your multiplication table?"); var cols = prompt("How many columns for your multiplication table?"); if(rows == "" || rows == null) rows = 10; if(cols== "" || cols== null) cols = 10; createTable(rows, cols); function createTable(rows, cols) { var j=1; var output = "<table border='1' width='500' cellspacing='0'cellpadding='5'>"; for(i=1;i<=rows;i++) { output = output + "<tr>"; while(j<=cols) { output = output + "<td>" + i*j + "</td>"; j = j+1; } output = output + "</tr>"; j = 1; } output = output + "</table>"; document.write(output); } </script> </head> <body> </body> </html>
101. Поясніть спливаюче повідомлення за допомогою події з прикладом
Показати просте повідомлення «Ласкаво просимо!!!» на вашій демонстраційній веб-сторінці, і коли користувач наводить курсор на повідомлення, має відображатися спливаюче вікно з повідомленням «Ласкаво просимо на мою веб-сторінку!!!».
приклад:
<html> <head> <title>Event!!!</title> <script type="text/javascript"> function trigger() { document.getElementById("hover").addEventListener("mouseover", popup); function popup() { alert("Welcome to my WebPage!!!"); } } </script> <style> p{ font-size:50px; position: fixed; left: 550px; top: 300px; } </style> </head> <body onload="trigger();"> <p id="hover">Welcome!!!</p> </body> </html>
Ці запитання для співбесіди також допоможуть вам у життєдіяльності (усному)