javascript-quiz-ua.md

JavaScript

Q1. Який оператор поверне true якщо два порівнюваних значення не рівні?

• <>
• ~
• ==!
• !==

Оператори порівняння

Q2. Чим forEach відрізняється від for?

• Тільки оператор for використовує функцію зворотного виклику.
• Оператор for є більш загальним і може використовуватися з різними ітерованими об’єктами, тоді як оператор forEach в основному розроблений для масивів, але також може використовуватися з іншими ітерованими об’єктами, такими як Sets.
• Тільки оператор forEach дозволяє вказати власний ітератор.
• Оператор forEach є загальним, а оператор for можна використовувати лише з масивом.

Довідка. Відмінності між циклом forEach і for

Q3. Перегляньте наведений нижче код. Який вираз викликає функцію addTax і передає 50 як аргумент?

function addTax(total) {
  return total * 1.05;
}

• addTax = 50;
• return addTax 50;
• addTax(50);
• addTax 50;

Функції

Q4. Який вираз є правильним способом створити змінну під назвою rate і присвоїти їй значення 100?

• let rate = 100;
• let 100 = rate;
• 100 = let rate;
• rate = 100;

Змінні

Q5. Який вираз створює новий об’єкт за допомогою конструктора Person? Який вираз створює новий об’єкт Person під назвою «student»?

• var student = new Person();
• var student = construct Person;
• var student = Person();
• var student = construct Person();

Довідка

Q6. Коли останній вираз у показаному коді буде виведено в консоль? Коли «Results shown» буде виведено в консоль?

let modal = document.querySelector('#result');
setTimeout(function () {
  modal.classList.remove('hidden');
}, 10000);
console.log('Results shown');

• через 10 секунд
• після отримання результатів із запиту HTTP
• через 10000 секунд
• негайно

Javascript є синхронним і однопотоковим

Q7. Який фрагмент можна додати до цього коду, щоб надрукувати «food» в консолі?

class Animal {
  static belly = [];
  eat() {
    Animal.belly.push('food');
  }
}
let a = new Animal();
a.eat();
console.log(/* Snippet Here */); //Друкує food

• a.prototype.belly[0]
• Object.getPrototype0f (a).belly[0]
• Animal.belly[0]
• a.belly[0]

Довідка Javascript Class static Keyword

Q8. Ви написали код для виводу набору послідовних значень у консоль, але замість цього виводяться значення 5, 5, 5 і 5. Яка версія коду призведе до виводу значень 1, 2, 3 і 4?

• A

for (var i = 1; i <= 4; i++) {
  setTimeout(function () {
    console.log(i);
  }, i * 10000);
}

• B

for (var i = 1; i <= 4; i++) {
  (function (i) {
    setTimeout(function () {
      console.log(j);
    }, j * 1000);
  })(j);
}

• C

for (var i = 1; i <= 4; i++) {
  setTimeout(function () {
    console.log(i);
  }, i * 1000);
}

• D

for (var i = 1; i <= 4; i++) {
  (function (j) {
    setTimeout(function () {
      console.log(j);
    }, j * 1000);
  })(i);
}

• E

for (var j = 1; j <= 4; j++) {
  setTimeout(function () {
    console.log(j);
  }, j * 1000);
}

1. Довідка setTimeout
2. Довідка анонімні функції, що викликаються негайно

Q9. Як функція створює замикання?

• Перезавантажує документ щоразу, коли змінюється значення.
• Повертає посилання на змінну в її батьківській області.
• Завершує виконання без повернення.
• Копіює локальну змінну в глобальну область.

Довідка

Q10. Який вираз створює нову функцію під назвою discountPrice?

• A

let discountPrice = function (price) {
  return price * 0.85;
};

• B

let discountPrice(price) {
  return price * 0.85;
};

• C

let function = discountPrice(price) {
  return price * 0.85;
};

• D

discountPrice = function (price) {
  return price * 0.85;
};

Функції

Q11. Який результат буде у консолі після виконання показаного коду?

var Storm = function () {};
Storm.prototype.precip = 'rain';
var WinterStorm = function () {};
WinterStorm.prototype = new Storm();
WinterStorm.prototype.precip = 'snow';
var bob = new WinterStorm();
console.log(bob.precip);

• Storm()
• undefined
• 'rain'
• 'snow'

Довідка

Q12. Потрібно знайти значення часу, наприклад 12:00:32. Який із наведених нижче регулярних виразів підійде для вашого коду?

• /[0-9]{2,}:[0-9]{2,}:[0-9]{2,}/
• /\d\d:\d\d:\d\d/
• /[0-9]+:[0-9]+:[0-9]+/
• / : : /

ПРИМІТКА: усі перші три частково правильні та відповідатимуть цифрам, але другий варіант є найбільш правильним, оскільки він лише відповідатиме 2-значним значенням часу (12: 00:32). Перший варіант спрацював би, якби діапазон повторень виглядав як [0-9]{2}, однак через кому [0-9]{2,} буде вибрано 2 або більше цифр (120:000:321). Третій варіант відповідає будь-яким діапазонам цифр часу, одним і кратним (це означає, що 1:2:3 також збігатиметься).

Додаткові ресурси:

1. Символи, що повторюються
2. Оператори Кліні

Q13. Який результат виконання цього коду в консолі?

'use strict';
function logThis() {
  this.desc = 'logger';
  console.log(this);
}
new logThis();

• undefined
• window
• {desc: "logger"}
• function

Класи

Q14. Як би ви посилалися на текст 'avenue' у показаному коді?

let roadTypes = ['street', 'road', 'avenue', 'circle'];

• roadTypes.2
• roadTypes[3]
• roadTypes.3
• roadTypes[2]

Масиви

Q15. Який результат виконання цього виразу?

console.log(typeof 42);

• 'float'
• 'value'
• 'number'
• 'integer'

Типи та структури даних

Q16. Яка властивість посилається на об’єкт DOM, який відправив подію?

• self
• object
• target
• source

Події DOM

Q17. Ви додаєте обробку помилок до показаного коду. Який код ви включите в вираз if, щоб вивести повідомлення про помилку?

function addNumbers(x, y) {
  if (isNaN(x) || isNaN(y)) {
  }
}

• exception('One or both parameters are not numbers')
• catch('One or both parameters are not numbers')
• error('One or both parameters are not numbers')
• throw('One or both parameters are not numbers')

Javascript throw

Q18. Який метод перетворює дані JSON на об’єкт JavaScript?

• JSON.fromString();
• JSON.parse()
• JSON.toObject()
• JSON.stringify()

Перетворення json на об’єкт javascript

Q19. Коли б ви використовували умовний оператор?

• Коли потрібно повторно використати набір операторів кілька разів.
• Коли потрібно, щоб код вибирав між кількома варіантами.
• Коли потрібно згрупувати дані.
• Коли потрібно прокрутити групу операторів.

Умови в javascript

Q20. Яким буде результат виконання цього коду в консолі?

for (var i = 0; i < 5; i++) {
  console.log(i);
}

• 1 2 3 4 5
• 1 2 3 4
• 0 1 2 3 4
• 0 1 2 3 4 5

Цикли for в javascript

Q21. Який метод Object повертає ітерований елемент, який можна використовувати для перебору властивостей об’єкта?

• Object.get()
• Object.loop()
• Object.each()
• Object.keys()

Статичні методи об’єкта

Q22. Що буде виведено в консолі?

var a = ['dog', 'cat', 'hen'];
a[100] = 'fox';
console.log(a.length);

• 101
• 3
• 4
• 100

Q23. Яка відмінність між колекціями, створеними за допомогою Map та Object?

• Можливо перебирати значення в Map в порядку вставки.
• Можливо підрахувати записи в Map за допомогою одного виклику методу.
• Ключі в Map можуть бути рядками.
• Можливо отримати доступ до значень в Map без ітерації по всій колекції.

Пояснення: Map.prototype.size повертає кількість елементів у Map, тоді як Object не має вбудованого методу для повернення його розміру.

Методи Map

Q24. Яке значення dessert.type після виконання цього коду?

const dessert = { type: 'pie' };
dessert.type = 'pudding';

• pie
• Код видасть помилку.
• pudding
• undefined

Робота з об'єктами

Q25. 0 && hi ?

• ReferenceError
• true
• 0
• false

Логічні оператори

Q26. Який із наведених нижче операторів можна використовувати для скороченого обчислення?

• ++
• --
• ==
• ||

Скорочене обчислення

Q27. Який вираз встановлює конструктор Person як батьківський елемент конструктора Student у ланцюжку прототипів?

• Student.parent = Person;
• Student.prototype = new Person();
• Student.prototype = Person;
• Student.prototype = Person();

Прототип об'єкта

Q28. Навіщо включати вираз "use strict" у файл JavaScript?

• щоб наказати парсерам вільно інтерпретувати синтаксис JavaScript
• щоб повідомити парсерам застосовувати всі правила синтаксису JavaScript під час обробки коду
• щоб наказати браузеру автоматично виправляти будь-які помилки, які він знаходить у коді
• щоб увімкнути функції ES6 у коді

Сучасний режим, "use strict"

Q29. Яке ключове слово, що визначає змінну, дозволяє отримати доступ до змінної (як невизначеної) перед рядком, який її визначає?

• всі
• const
• var
• let

Var, let і const

Q30. Яке з наведених нижче значень не є логічним значенням false?

• Boolean(0)
• Boolean("")
• Boolean(NaN)
• Boolean("false")

Перетворення на булевий тип

Q31. Що з наведеного не є зарезерованим словом у JavaScript?

• this
• catch
• function
• array

Зарезервовані слова JS

Q32. Яка змінна є неявним параметром для кожної функції в JavaScript?

• arguments
• args
• argsArray
• argumentsList

Змінна “arguments”

Q33. Для наступного класу, як отримати значення 42 з екземпляра X?

class X {
  get Y() {
    return 42;
  }
}
var x = new X();

• x.get('Y')
• x.Y
• x.Y()
• x.get().Y

Геттери/сеттери

Q34. Який результат виконання цього коду?

sum(10, 20);
diff(10, 20);
function sum(x, y) {
  return x + y;
}

let diff = function (x, y) {
  return x - y;
};

• 30, ReferenceError, 30, -10
• 30, ReferenceError
• 30, -10
• ReferenceError, -10

Доступ раніше ініціалізації

Q35. Чому для зберігання колекції записів зазвичай краще працювати з об’єктами, а не з масивами?

• Об’єкти більш ефективні з точки зору зберігання.
• Додавання запису до об’єкта відбувається значно швидше, ніж розміщення запису в масиві.
• Більшість операцій включають пошук запису, і об’єкти можуть робити це краще, ніж масиви.
• Робота з об'єктами робить код більш читабельним.

Ефективність пошуку Пояснення: Записи в об’єкті можна отримати за допомогою їх ключа, який може бути будь-яким заданим значенням (наприклад, ідентифікатор працівника, назва міста тощо), тоді як для отримання запису з масиву нам потрібно знати його індекс.

Q36. Яке твердження вірне щодо атрибута "async" для тегу HTML-сценарію?

• Його можна використовувати як для внутрішнього, так і для зовнішнього коду JavaScript.
• Його можна використовувати лише для внутрішнього коду JavaScript.
• Його можна використовувати лише для внутрішнього або зовнішнього коду JavaScript, який експортує promise.
• Його можна використовувати лише для зовнішнього коду JavaScript.

Async атрибут для html

Q37. Як імпортувати бібліотеку lodash, щоб зробити її API верхнього рівня доступною як змінну "_"?

• import _ from 'lodash';
• import 'lodash' as _;
• import '_' from 'lodash;
• import lodash as _ from 'lodash';

Як імпортувати бібліотеку

Q38. Що поверне наступний вираз?

[] == [];

• true
• undefined
• []
• false

Масиви є об'єктами

Q39. Виконання функції якого типу можна призупинити, а потім відновити пізніше?

• Generator function
• Arrow function
• Async/ Await function
• Promise function

Що таке генератори

Q40. Що надрукує цей код?

var v = 1;
var f1 = function () {
  console.log(v);
};

var f2 = function () {
  var v = 2;
  f1();
};

f2();

• 2
• 1
• Нічого - цей код видасть помилку.
• undefined

Замикання в js / вкладені функції

Q41.Яке твердження є правдивим щодо функціонального програмування?

• Кожен об'єкт програми повинен бути функцією.
• Код групується зі станом, який він модифікує.
• Поля дати та методи зберігаються в одиницях.
• Побічні ефекти заборонені.

Функціональне програмування

Q42.Ваш код видає помилку: TypeError: Cannot read property 'reduce' of undefined. Що це означає?

• Ви визиваєте метод з назвою reduce у об'єкті, який оголошений, але не має значення.
• Ви визиваєте метод з назвою reduce на об'єкті, який не існує.
• Ви визиваєте метод з назвою reduce на порожньому масиві.
• Ви визиваєте метод з назвою reduce на об'єкті, який має значення null.

Пояснення: Ви не можете викликати reduce на undefined об'єкті... Це видасть помилку (your object is not defined...)

Q43.Скільки прототипних об'єктів знаходяться в ланцюзі для наступного масиву?

let arr = [];

• 3
• 2
• 0
• 1

Прототип масиву

Q44. Який варіант не є унарним оператором?

• typeof
• delete
• instanceof
• void

Унарні оператори

Q45.Яку область видимості має змінна end в показаному коді?

var start = 1;
if (start === 1) {
  let end = 2;
}

• умовну
• блочну
• глобальну
• функціональну

Блочна проти функціональної видимості

Q46.Яким буде значення y в цьому коді?

const x = 6 % 2;
const y = x ? 'One' : 'Two';

• One
• undefined
• TRUE
• Two

Тернарний оператор

Q47.Яке ключове слово використовується для створення помилки?

• throw
• exception
• catch
• error

Викидання помилок

Q48. Яка різниця між async так defer атрибутами в HTML script тезі?

• атрибут defer може працювати синхронно.
• атрибут defer працює лише з генераторами.
• атрибут defer працює лише з промісами.
• атрибут defer асинхронно завантажуватиме скрипти.

Async проти defer

Q49.Наступна програма має проблему. Яку саме?

var a;
var b = (a = 3) ? true : false;

• Умова у тернарному виразі використовує оператор призначення
• Неможливо визначити змінну, не ініціалізуючи її.
• Неможливо використовувати тернарність у правій частині оператора призначення.
• Код використовує застаріле ключове слово var.

Тернарний оператор

Q50.Яке твердження є дійсним посиланням на вузол DOM, створений показаним кодом?

<p class="pull">lorem ipsum</p>

• Document.querySelector('class.pull')
• document.querySelector('.pull');
• Document.querySelector('pull')
• Document.querySelector('#pull')

Query selector

Q51.Яке значення повертає цей код?

let answer = true;
if (answer === false) {
  return 0;
} else {
  return 10;
}

• 10
• true
• false
• 0

Умови

Q52.Яким буде результат у консолі після запуску показаного коду?

var start = 1;
function setEnd() {
  var end = 10;
}
setEnd();
console.log(end);

• 10
• 0
• ReferenceError
• undefined

Довідка

Q53.Що цей код буде записувати в консолі?

function sayHello() {
  console.log('hello');
}

console.log(sayHello.prototype);

• undefined
• "hello"
• Об'єкт з властивістю конструктора
• Повідомлення про помилку

Прототипи

Q54.Який тип колекції дозволяє вставляти унікальне значення лише один раз?

• Object
• Set
• Array
• Map

Sets

Q55.Які два значення надрукує цей код?

function printA() {
  console.log(answer);
  var answer = 1;
}
printA();
printA();

• 1 потім 1
• 1 потім undefined
• undefined потім undefined
• undefined потім 1

Довідка

Q56.Чим метод forEach() відрізняється від for?

• forEach дозволяє вказати власний ітератор, тоді як for - ні.
• forEach можна використовувати лише з рядками, for - з різними типами даних.
• forEach можна використовувати лише з масивами, for - з різними типами даних.
• for цикли можуть бути вкладеними; тоді як forEach цикли - ні.

Різниця між forEach та for циклами

Q57. Який варіант є недійсним для визначення стрілкової функції яка повертає порожній об'єкт?

• => ({})
• => {}
• => { return {};}
• => (({}))

Стрілкові функції

Q58.Навіщо робити код асинхронним?

• запустити задачі, які можуть зайняти деякий час, не блокуючи подальші задачі для негайного виконання
• щоб переконатися, що задачі нижче у коді не запускаються, доки попередні не будуть завершені
• щоб зробити код швидше
• щоб забезпечити стек виклику LIFO (Last in, First Out)

Пояснення: `"щоб переконатися, що задачі нижче у коді не запускаються, доки попередні не будуть завершені" Ви використовуєте нормальний (синхронний) потік, де кожна команда виконується послідовно. Асинхронний код дозволяє порушити цю послідовність: запустити тривалу функцію (виклик AJAX до зовнішньої служби) і продовжуйте запускати решту коду паралельно.

Q59.Який вираз повертає true?

• [3] == [3]
• 3 == '3'
• 3 != '3'
• 3 === '3'

1. Booleans
2. Довідка 2 - booleans

Q60. Що з цього є дійсною назвою змінної?

• 5thItem
• firstName
• grand total
• function

Конвенції кодування

Q61.Який метод скасовує поведінку події за замовчуванням?

• cancel()
• stop()
• preventDefault()
• prevent()

Події

Q62.Яким методом скористатися, щоб приєднати один вузол DOM до іншого?

• attachNode()
• getNode()
• querySelector()
• appendChild()

Node interface

Q63.Яке твердження можна використовувати для пропускання ітерації в циклі?

• break
• pass
• skip
• continue

Break проти continue

Q64. Який варіант є дійсним прикладом для стрілкової функції?

• (a,b) => c
• a, b => {return c;}
• a, b => c
• { a, b } => c

Стрілкові функції

Q65. Яка концепція визначається як шаблон, який можна використовувати для створення різних об'єктів, які поділяють певну форму та/або поведінку?

• class
• generator function
• map
• proxy

Класи

Q66. Як додати коментар до коду JavaScript?

• ! This is a comment
• # This is a comment
• \\ This is a comment
• // This is a comment

Коментарі

Q67. Якщо ви намагаєтесь викликати змінну як функцію, коли вона не є функцією, яку помилку ви отримаєте?

• TypeError
• SystemError
• SyntaxError
• LogicError

Помилки

Q68. Який метод викликається автоматично, коли об'єкт ініціалізований?

• create()
• new()
• constructor()
• init()

Конструктори

Q69.Який результат запуску показаного виразу?

let a = 5;
console.log(++a);

• 4
• 10
• 6
• 5

++x проти x++

Q70. Ви написали слухача події, показаного нижче для кнопки форми, але кожного разу, коли ви натискаєте кнопку, сторінка перезавантажується. Який вираз не дозволив би цьому відбутися?

button.addEventListener(
  'click',
  function (e) {
    button.className = 'clicked';
  },
  false,
);

• e.blockReload();
• button.preventDefault();
• button.blockReload();
• e.preventDefault();

Події

Q71. Який вираз являє собою стартовий код IIFE?

• function() { console.log('lorem ipsum'); }()();
• function() { console.log('lorem ipsum'); }();
• (function() { console.log('lorem ipsum'); })();

Що таке Immediately Invoked Function Expression

Q72. Яке твердження вибирає всі елементи IMG у дереві DOM?

• Document.querySelector('img')
• Document.querySelectorAll('<img>')
• Document.querySelectorAll('img')
• Document.querySelector('<img>')

Довідка query selector

Q73. Чому б ви вибрали асинхронну структуру для свого коду?

• Використовувати синтаксис ES6
• Щоб розпочати завдання, які можуть зайняти деякий час, не блокуючи подальші завдання від виконання негайно
• Щоб аналізатори виконували всі правила синтаксису JavaScript при обробці коду
• Щоб завдання подальші не ініціювались до тих пір, поки не виконані попередні

Довідка async function

Q74. Яке дієслово підходить для HTTP запиту вмісту існуючого ресурсу?

• DELETE
• GET
• PATCH
• POST

Довідка http методи

Q75. Яка подія ініціюється на текстовому полі форми, коли користувач переходить на нього за допомогою tab чи клацає або тапає його?

• focus
• blur
• hover
• enter

Події

Q76.Який результат запуску цього коду у консолі?

function logThis() {
  console.log(this);
}
logThis();

• function
• undefined
• Function.prototype
• window

Що таке window

Q77. Який класовий компонент еквівалентний цьому функціональному компоненту?

const Greeting = ({ name }) => <h1>Hello {name}!</h1>;

• class Greeting extends React.Component { render() { return <h1>Hello {this.props.name}!</h1>; } }
• class Greeting extends React.Component { constructor() { return <h1>Hello {this.props.name}!</h1>; } }
• class Greeting extends React.Component { <h>Hello {this.props.name}!</h>; } }
• class Greeting extends React.Component { render({ name }) { return <h1>Hello {name}!</h1>; } }

Q79.Який результат роботи цього коду?

var obj;
console.log(obj);

• ReferenceError: obj is not defined
• {}
• undefined
• null

Робота з об'єктами

Q80. Як би ви використовували TaxCalculator для визначення суми податку на $50?

class TaxCalculator {
  static calculate(total) {
    return total * 0.05;
  }
}

• calculate(50);
• new TaxCalculator().calculate($50);
• TaxCalculator.calculate(50);
• new TaxCalculator().calculate(50);

Функції

Q81. Що не так з цим кодом?

const foo = {
  bar() {
    console.log('Hello, world!');
  },
  name: 'Albert',
  age: 26,
};

• Функцію bar потрібно визначити як пару ключ/значення.
• Коми в кінці не дозволено в JavaScript.
• Функції не може бути оголошено як властивості об'єктів.
• Нічого, помилок немає.

1. Функції
2. Робота з об'єктами

Q82.Що буде показано в консолі?

console.log('Я');
setTimeout(() => {
  console.log('люблю');
}, 0);
console.log('Javascript!');

• .

Я
Javascript!
люблю

• .

люблю
Я
Javascript!

• Вихід може змінюватися з кожним виконанням коду і не може бути визначений.

• .

Я
люблю
Javascript!

Довідка особливо подивіться розділ 'late timeouts' .

Q83.Що буде виведено в консолі?

const foo = [1, 2, 3];
const [n] = foo;
console.log(n);

• 1
• undefined
• NaN
• Ніщо--це не належний синтаксис JavaScript і кине помилку.

Присвоєння з деструктуруванням

Q84. Як видалити назву властивості з цього об'єкта?

const foo = {
  name: 'Albert',
};

• delete name from foo;
• delete foo.name;
• del foo.name;
• remove foo.name;

Робота з об'єктами

Q85. Яка різниця між map() та forEach() методами у Array prototype?

• Різниці немає.
• метод forEach() повертає едине вихідне значення, тоді як метод map() виконує операцію на кожному значенні в масиві.
• метод map() повертає новий масив з перетворенням, що застосовується на кожному елементі вихідного масиву, тоді як метод forEach() пробігає через масив без зворотного значення.
• метод forEach() повертає новий масив з перетворенням, що застосовується на кожному елементі вихідного масиву, тоді як метод map() пробігає через масив без зворотного значення.

1. Map
2. Довідка - різниця між forEach та for циклами

Q86. Яку концепцію ілюструє цей код?

function makeAdder(x) {
  return function (y) {
    return x + y;
  };
}

var addFive = makeAdder(5);
console.log(addFive(3));

• перегрузка
• замикання
• каррінг
• перевизначення

Каррінг

Q87. Яка пара тегів використовується в HTML для вбудовування JavaScript?

• <script></script>
• <js></js>
• <javascript></javascript>
• <code></code>

Тег “script”

Q88. Якщо ваша програма отримує дані від стороннього API, який заголовок відповідей HTTP повинен вказати сервер, щоб дозволити винятки з політики однакового походження?

• Security-Mode
• Access-Control-Allow-Origin
• Different-Origin
• Same-Origin

Запити між різними джерелами

Q89. Який результат роботи цього коду?

let rainForests = ['Amazon', 'Borneo', 'Cerrado', 'Congo'];
rainForests.splice(0, 2);
console.log(rainForests);

• ["Amazon","Borneo","Cerrado","Congo"]
• ["Cerrado", "Congo"]
• ["Congo"]
• ["Amazon","Borneo"]

Методи масивів

Q90. Який відсутній рядок дозволить вам створити п’ять змінних (one,two,three,four,five), які відповідають їх числовим значенням (1,2,3,4,5)?

const numbers = [1, 2, 3, 4, 5];
//ВІДСУТНІЙ РЯДОК

• const [one,two,three,four,five]=numbers
• const {one,two,three,four,five}=numbers
• const [one,two,three,four,five]=[numbers]
• const {one,two,three,four,five}={numbers}

Деструктуризація масиву

Q91. Що надрукує цей код?

const obj = {
  a: 1,
  b: 2,
  c: 3,
};

const obj2 = {
  ...obj,
  a: 0,
};

console.log(obj2.a, obj2.b);

• Нічого, кине помилку
• 0 2
• undefined 2
• undefined 2

Синтаксис поширення

Q92. Який рядок потрібно додати до цього коду, щоб надрукувати "Jaguar" в консоль?

let animals = ['jaguar', 'eagle'];
//Відсутній рядок
console.log(animals.pop()); //Друкує jaguar

• animals.filter(e => e === "jaguar");
• animals.reverse();
• animals.shift();
• animals.pop();

Array.prototype.pop()

shift() - видаляє перший елемент масиву і повертає видалений елемент. pop() - видаляє останній елемент масиву і повертає видалений елемент. reverse() - змінює порядок елементів у масиві на зворотній. filter() - обирає кожен елемент у масиві, який відповідає умові.

Q93. Якого рядка не вистачає в цьому коді?

//Відсутній рядок
for (var i = 0; i < vowels.length; i++) {
  console.log(vowels[i]);
  //Кожна буква, надрукована на окремому рядку;
  //a
  //e
  //i
  //o
  //u
}

• let vowels = "aeiou".toArray();
• let vowels = Array.of("aeiou");
• let vowels = {"a", "e", "i", "o", "u"};
• let vowels = "aeiou";

Рядки

Q94. Що буде виведено в консоль?

const x = 6 % 2;
const y = x ? 'One' : 'Two';
console.log(y);

• undefined
• One
• true
• Two

ПРИМІТКА: Це питання однакове з Q46. Умовний оператор

Q95.Як би ви отримали доступ до "It" в цьому багатовимірному масиві?

let matrix = [["You","Can"],["Do","It"],["!","!","!"]];

• matrix[1[2]]
• matrix[1][1]
• matrix[1,2]
• matrix[1][2]

Q96. Що робить цей код?

const animals = ['Rabbit', 'Dog', 'Cat'];
animals.unshift('Lizard');

• додає "Lizard" до початку масиву animals.
• додає "Lizard" в кінець масиву animals.
• замінює "Rabbit" на "Lizard" у масиві animals.
• замінює "Cat" на "Lizard" у масиві animals.

Методи масивів

Q97. Який результат цього коду?

let x = 6 + 3 + '3';
console.log(x);

• 93
• 12
• 66
• 633

Перетворення типу

Q98.Яке твердження може прийняти єдиний вираз на вхід, а потім переглянути ряд варіантів, поки не знайдеться потрібне значення?

• else
• when
• if
• switch

Switch Конструкція "switch"

Q99. Який вираз друкує "roar" в консоль?

var sound = 'grunt';
var bear = { sound: 'roar' };
function roar() {
  console.log(this.sound);
}

• bear.bind(roar);
• roar.bind(bear);
• roar.apply(bear);
• bear[roar]();

1. Довідка Apply
2. Довідка this
3. Довідка bind

Q100. Який варіант є дійсним прикладом стрілкової функції, якщо припустити, що c визначена у зовнішній області видимості?

• a, b => { return c; }
• a, b => c
• { a, b } => c
• (a,b) => c

Стрілкові функції

Q101. Який вираз правильно імпортує цей код з some-file.js?

//some-file.js
export const printMe = (str) => console.log(str);

• import printMe from './some-file';
• import { printMe } from './some-file';
• import default as printMe from './some-file';
• const printMe = import './some-file';

Як імпортувати бібліотеку

Q102. Яким буде результат роботи цього коду?

const arr1 = [2, 4, 6];
const arr2 = [3, 5, 7];

console.log([...arr1, ...arr2]);

• [2, 3, 4, 5, 6, 7]
• [3,5,7,2,4,6]
• [3, 5, 7, 2, 4, 6]
• [[2, 4, 6], [3, 5, 7]]
• [2, 4, 6, 3, 5, 7]

Синтаксис поширення

Q103. Який виклик методу прикутий для обробки успішної відповіді, поверненої fetch()?

• done()
• then()
• finally()
• catch()

Fetch

Q104. Який варіант не є методом масиву?

• array.slice()
• array.shift()
• array.push()
• array.replace()

Методи масивів

Q105. Який JavaScript цикл гарантує, що трапиться принаймні одна ітерація?

• do…while
• forEach
• while
• for

Цикл “do…while”

Q106. Що буде виведено в консоль?

console.log(typeof 'blueberry');

• string
• array
• Boolean
• object

Оператор typeof

Q107. Що буде надруковано в результаті, якщо натиснутий div, який містить текст "Натисніть тут"?

//HTML Markup
<div id="A">
  <div id="B">
    <div id="C">Натисніть тут</div>
  </div>
</div>

//JavaScript
document.querySelectorAll('div').forEach((e) => {
  e.onclick = (e) => console.log(e.currentTarget.id);
});

• C B A
• A
• C
• A B C

1. querySelector
2. Події

Q108. Що цей код виведе в консолі?

const myNumbers = [1, 2, 3, 4, 5, 6, 7];
const myFunction = (arr) => {
  return arr.map((x) => x + 3).filter((x) => x < 7);
};
console.log(myFunction(myNumbers));

• [4,5,6,7,8,9,10]
• [4,5,6,7]
• [1,2,3,4,5,6]
• [4,5,6]

Функції

Q109.Що цей код надрукує в консолі?

let rainForestAcres = 10;
let animals = 0;

while (rainForestAcres < 13 || animals <= 2) {
  rainForestAcres++;
  animals += 2;
}

console.log(animals);

• 2
• 4
• 6
• 8

Reference MDN JavaScript Looping code

Q110. Який фрагмент потрібно додати до цього коду щоб надрукувати в консолі "YOU GOT THIS"?

let cipherText = [...'YZOGUT QGMORTZ MTRHTILS'];
let plainText = '';

/* Missing Snippet */

console.log(plainText); //Prints YOU GOT THIS

• A

for (let key of cipherText.keys()) {
  plainText += key % 2 === 0 ? key : ' ';
}

• B

for (let [index, value] of cipherText.entries()) {
  plainText += index % 2 !== 0 ? value : '';
}

• C

for (let [index, value] of cipherText.entries()) {
  plainText += index % 2 === 0 ? value : '';
}

• D

for (let value of cipherText) {
  plainText += value;
}

1. Присвоєння з деструктуруванням
2. Array entries
3. Remainder/Modulo

Q111. Якого покемона буде виведено в консоль?

var pokedex = ['Snorlax', 'Jigglypuff', 'Charmander', 'Squirtle'];
pokedex.pop();
console.log(pokedex.pop());

• Charmander
• Jigglypuff
• Snorlax
• Squirtle

Пояснення: Метод pop() видаляє останній елемент із масиву та повертає його. Цей метод змінює довжину масиву.

Array.pop

Q112. Яким виразом можна скористатися щоб обрати елемент із DOM, який містить "The LinkedIn Learning library has great JavaScript courses" з цієї розмітки?

<h1 class="content">LinkedIn Learning</h1>
<div class="content">
  <span class="content">The LinkedIn Learning library has great JavaScript courses!</span>
</div>

• document.querySelector("div.content")
• document.querySelector("span.content")
• document.querySelector(".content")
• document.querySelector("div.span")

Q113. Яке значення не є хибним?

• []
• undefined
• 0
• null

Хибні значення

Q114. Який рядок викличе помилку в цьому коді і чому саме?

const lion = 1;
let tiger = 2;
var bear;

++lion;
bear += lion + tiger;
tiger++;

• рядок 5, тому що lion не можна перепризначити
• рядок 6, тому що += оператор не можна використовувати з undefined змінною bear
• рядок 5, тому що префікс (++) не існує в javascript
• рядок 3, тому що змінна bear undefined

1. const
2. TypeError: invalid assignment to const "x"

Q115. Яким буде значення result після запуску цього коду?

const person = { name: 'Dave', age: 40, hairColor: 'blue' };
const result = Object.keys(person).map((x) => x.toUpperCase());

• It will throw a TypeError.
• ["Name", "Age", "HairColor"]
• ["DAVE", 40, "BLUE"]
• ["NAME", "AGE", "HAIRCOLOR"]

1. Object.keys()
2. Array.prototype.map()
3. String.prototype.toUpperCase()

Q116. Який фрагмент потрібно вставити, щоб надрукувати "swim" в консолі?

let animals = ["eagle", "osprey", "salmon"];
let key = animal => animal === "salmon";

if(/* Вставити фрагмент тут */){
  console.log("swim");
}

• animals.every(key)
• animals.some(key).length === 1
• animals.filter(key) === true
• animals.some(key)

Array.prototype.some

Q117. Який результат роботи цього коду?

class RainForest {
  static minimumRainFall = 60;
}

let congo = new RainForest();
RainForest.minimumRainFall = 80;
console.log(congo.minimumRainFall);

• undefined
• None of these answers, as static is not a feature in Javascript.
• 60
• 80

Classes static

Q118. Як можна спробувати отримати доступ до властивості a.b в obj не викликаючи помилки якщо a - undefined?

let obj = {};

• obj?.a.b
• obj.a?.b
• obj[a][b]
• obj.?a.?b

Опціональний ланцюжок '?.'

Q119. Що відбувається, коли запускаєте цей код?

if (true) {
  var x = 5;
  const y = 6;
  let z = 7;
}
console.log(x + y + z);

• Буде помилка ReferenceError через x.
• Надрукується 18.
• Надрукується undefined.
• Буде помилка ReferenceError через y.

let

Q120.Що цей код надрукує в консолі?

const x = [1, 2];
const y = [5, 7];
const z = [...x, ...y];
console.log(z);

• [1,2,5,7]
• [[1, 2], [5, 7]]
• [2,7]
• [2,1,7,5]

Синтаксис поширення

Q121. Враховуючи цей код, який вираз буде оцінений як хибний?

const a = { x: 1 };
const b = { x: 1 };

• a['x'] === b['x']
• a != b
• a === b
• a.x === b.x

Довідка

Q122. Що цей код виведе в косоль?

console.log(typeof 41.1);

• Nothing. It resuults in a ReferenceError.
• decimal
• float
• number

Оператор typeof

Q123. Який результат цього коду?

let scores = [];
scores.push(1, 2);
scores.pop();
scores.push(3, 4);
scores.pop();
score = scores.reduce((a, b) => a + b);
console.log(score);

• 3
• 4
• 6
• 7

1. Array.prototype.push()
2. Array.prototype.pop()
3. Array.prototype.reduce()

Q124. Що цей код надрукує в консоль?

let bear = {
  sound: 'roar',
  roar() {
    console.log(this.sound);
  },
};

bear.sound = 'grunt';
let bearSound = bear.roar;
bearSound();

• Нічого не буде надруковано.
• grunt
• undefined
• roar

Довідка

Q125. Який результат роботи цього коду?

var cat = { name: 'Athena' };

function swap(feline) {
  feline.name = 'Wild';
  feline = { name: 'Tabby' };
}

swap(cat);
console.log(cat.name);

• undefined
• Wild
• Tabby
• Athena

Q126.Що буде виводити цей код в консоль?

var thing;
let func = (str = 'no arg') => {
  console.log(str);
};
func(thing);
func(null);

• null no arg
• no arg no arg
• null null
• no arg null

Q127. Що цей код надрукує в консоль?

const myFunc = () => {
  const a = 2;
  return () => console.log('a is ' + a);
};
const a = 1;
const test = myFunc();
test();

• a is 1
• a is undefined
• Він нічого не надрукує.
• a is 2

Q128. Що цей код надрукує в консоль?

const myFunc = (num1, num2 = 2, num3 = 2) => {
  return num1 + num2 + num3;
};
let values = [1, 5];
const test = myFunc(2, ...values);
console.log(test);

• 8
• 6
• 2
• 12

Q129. Який код ви б використали для доступу до ірландського прапора?

var flagsJSON =
  '{ "countries" : [' +
  '{ "country":"Ireland" , "flag":"🇮🇪" },' +
  '{ "country":"Serbia" , "flag":"🇷🇸" },' +
  '{ "country":"Peru" , "flag":"🇵🇪" } ]}';

var flagDatabase = JSON.parse(flagsJSON);

• flagDatabase.countries[1].flag
• flagDatabase.countries[0].flag
• flagDatabase[1].flag
• flagsJSON.countries[0].flag

Q130. Який фрагмент дозволяє збільшити змінну acresOfRainForest?

let conservation = true;
let deforestation = false;
let acresOfRainForest = 100;
if (/* Фрагмент коду тут */){
    ++acresOfRainForest;
}

• conservation && !deforestation
• !deforestation && !conservation
• !conservation || deforestation
• deforestation && conservation || deforestation

Q131. Який з цих виразів поверне true?

• Boolean("false")
• Boolean("")
• Boolean(0)
• Boolean(NaN)

Q132. Як би ви додали елемент animal зі значенням sloth до локального сховища?

• LocalStorage.setItem("animal","sloth");
• document.localStorage.setItem("animal","sloth");
• localStorage.setItem({animal:"sloth"});
• localStorage.setItem("animal","sloth");

Демонстрація роботи localStorage

Q133. Що буде надруковано в консолі після виконання цього коду?

let cat = Object.create({ type: 'lion' });
cat.size = 'large';

let copyCat = { ...cat };
cat.type = 'tiger';

console.log(copyCat.type, copyCat.size);

• tiger large
• lion undefined
• undefined large
• lion large

Довідка

Q134.Що цей код надрукує в консолі?

let animals = [{ type: 'lion' }, 'tiger'];
let clones = animals.slice();

clones[0].type = 'bear';
clones[1] = 'sheep';

console.log(animals[0].type, clones[0].type);
console.log(animals[1], clones[1]);

• bear bear tiger sheep
• lion bear sheep sheep
• bear bear tiger tiger
• lion bear tiger sheep

Довідка

Q135.Яким буде результат виклику наступного коду?

a=5;
b=4;
alert(a++(+(+(+b))));

• 18
• 10
• 9
• 20

Q136. Який фрагмент треба додати до цього коду для друку "{"type": "tiger"}" в консолі?

let cat = { type: "tiger", size: "large" };

let json = /* Фрагмент тут */;

console.log(json); // print {"type":"tiger"}

• cat.toJSON("type");
• JSON.stringify(cat, ["type"]);
• JSON.stringify(cat);
• JSON.stringify(cat, /type/);

Довідка

Q137. Який метод не використовується для отримання посилання на вузол DOM?

• document.getNode();
• document.getElementsByClassName();
• document.querySelectorAll();
• document.querySelector();

Довідка

Q138. В JavaScript, усі об'єкти успадковують вбудовану властивість від ****___****.

• node
• instance variable
• prototype
• accessor

Довідка

Q139. Що з наведеного не є об'єктами Javascript на стороні сервера?

• Date
• FileUpload
• Function
• Все вищеперераховане

Довідка

Q140. Яким буде результат виконання наступного фрагмента коду?

const obj1 = { first: 20, second: 30, first: 50 };
console.log(obj1);

• first: 30 , second: 50
• first: 50 , second: 30
• first: 30 , second: 20
• Жоден з вищевказаних

Q141. Який об'єкт у JavaScript не має прототипу?

• Базовий об'єкт
• Усі об'єкти мають прототип
• Жоден із об'єктів не має прототипу
• Жоден з вищевказаних

Довідка

Q142. Що робить оператор … у JS?

• Використовується для поширення ітерабельних елементів
• Описує тип даних undefined
• Такого оператора не існує
• Жоден з вищевказаних

Q143. Як зупинити інтервальний таймер у JavaScript?

• clearInterval
• clearTimer
• intervalOver
• Жоден з вищевказаних

Довідка

Q144. Яким буде результат роботи наступного фрагмента коду?

print(typeof NaN);

• Object
• Number
• String
• Жоден з вищевказаних

Q145. Яким буде результат роботи наступного фрагмента коду?

<script type="text/javascript">a = 5 + "9"; document.write(a);</script>

• Compilation Error
• 14
• Runtime Error
• 59

Q146. Який із наведених методів можна використовувати для відображення даних у якійсь формі за допомогою JavaScript?

• document.write()
• console.log()
• window.alert()
• все вищеперераховане

Q147. Яке значення присвоюється total після виконання цього коду?

function sum(num1, num2 = 2, num3 = 3) {
  return num1 + num2 + num3;
}
let values = [1, 5];
let total = sum(4, ...values);

• 10
• 6
• 7
• 8

Залишкові параметри

Q148. Яка заява відповідає визначенню HTML атрибута defer?

• defer дозволяє браузеру продовжувати обробляти сторінку, поки скрипт завантажується у фоновому режимі.
• defer призводить до завантаження скрипта з мережі доставки вмісту резервного копіювання (CDN).
• defer блокує браузер для обробки HTML нижче тегу, поки скрипт не буде повністю завантажений.
• defer ледаче завантажє скрипт, внаслідок чого він завантажується лише тоді, коли викликається іншим скриптом на сторінці.

defer

Q149. Який метод класу покликаний ініціалізувати об'єкт цього класу?

• init()
• create()
• new()
• constructor()

Метод constructor

Q150. Який вираз призведе до true?

• Boolean(NaN)
• Boolean(0)
• Boolean("false")
• Boolean("")

Boolean

Q151. Як би ви перевірили, чи слово "pot" є в слові "potato"?

• "pot".indexOf("potato") !== -1
• "potato".includes("Pot")
• "potato".includes("pot")
• "potato".contains("pot");

String.prototype.includes()

Q152. Який об’єкт колекції дозволяє вставляти унікальне значення лише один раз?

• Map
• Array
• Set
• Object

Set

Q153. Як би ви змінили колір цього заголовка на рожевий?

<h2 id="cleverest">girls</h2>

• document.getElementByName("cleverest").style.color = "pink";
• document.getElementsByTagName("h2").style.color = "pink";
• document.getElementByName("h2").style.color = "pink";
• document.getElementById("cleverest").style.color = "pink";

HTML DOM Style color властивість

Q154. Якого рядку не вистачає в цьому коді, якщо ви очікуєте, що код поверне true?

var compare = function (test1, test2) {
  // Відсутній рядок
};

compare(1078, '1078'); // yields true

• test1==test2;
• return test1===test2;
• return test1==test2;
• return test1!=test2;

Оператори порівняння

Q155. Який результат роботи цього коду?

if (true) {
  var first = 'You';
}

function fScope() {
  var second = 'got this!';
}
fScope();
console.log(first);
console.log(second);

• You undefined
• You ReferenceError
• undefined undefined
• You got this!

Область видимості змінної

Q156. Який результат виконання цього коду?

console.log('hello' + 'world' + '!');

• helloworld!
• helloworld !
• hello world!
• hello world !

Q157. Який результат виконання цього коду?

console.log(10 + 10);

• 10
• 20
• 30
• 40

Q158. Події, пов'язані з вікном браузера, можна обробляти за допомогою?

• Onclicks
• Window
• querySelector
• Жоден з вищевказаних

Браузерне середовище

Q159. Як ви визначаєте функцію в JavaScript?

• function myFunction() {}
• def myFunction() {}
• var myFunction = () => {}
• func myFunction() {}

Довідка

Q160. Ваш код видає помилку: TypeError: Cannot read property 'reduce' of undefined. Що це означає?

• Ви визиваєте метод з назвою reduce на об'єкті, який оголошений, але не має значення.
• Ви визиваєте метод з назвою reduce на об'єкті, який не існує.
• Ви визиваєте метод з назвою reduce на порожньому масиві.
• Ви визиваєте метод з назвою reduce на об'єкті, який має значення null.

Q161. Який із наведених методів може використовуватися для відображення даних в якійсь формі з використанням JavaScript?

• document.write()
• console.log()
• window.alert()
• все вищеперераховане

Q162. Який метод документа не використовується для отримання посилання на вузол DOM?

• document.getNode();
• document.getElementsByClassName();
• document.querySelectorAll();
• document.querySelector();

Q163. Який з цих варіантів є дійсною назвою змінної?

• 5thItem
• firstName
• grand total
• function

Q164. Яка функція використовується в JavaScript для планування запуску функції через зазначену кількість мілісекунд?

• setTimeout()
• setInterval()
• delay()
• wait()

Довідка

Q165. Що з наведеного є об'єктом JavaScript на стороні сервера?

• Function
• File
• FileUpload
• Date

Довідка

Q166. Яке твердження найкраще описує область визначення ключового слова var у JavaScript?

• Block scope
• Function scope
• Global scope
• Instance scope

Q167. Що буде виведено в консоль?

const foo = () => console.log('First');
const bar = () => setTimeout(() => console.log('Second'), 0);
foo();
bar();
console.log('Third');

• Second, First, Third
• First, Third, Second
• First, Second, Third
• Third, First, Second

Q168. Яким буде результат запуску цього коду?

function scream(words) {
  return words.toUpperCase() + '!!!';
}

scream('yay');

• YAY!!!
• ReferenceError
• Undefined
• TypeError