Вопросы с ответами по JavaScript для подготовки к собеседованию

Ресурсы для разработчиков интерфейса 2022

24.01.2022

8 полезных компонентов библиотеки React для разработчиков

25.01.2022

Подготовка к собеседованию является очень важным этапом. Одних знаний зачастую не хватает, так как волнение может взять свое. Поэтому перед интервью необходимо провести тщательную подготовку, чтобы освежить свои знания. В статье подготовлены вопросы и как необходимо на них отвечать. Успехов!

1. Что на выходе?

функция привет сказать ( ) {

консоль . журнал ( имя ) ;

консоль . журнал ( возраст ) ;

имя установить = ' Лидия' ;

пусть возраст = 21 ;

}

привет ( ) ;

А: Lydiaиundefined
Б: LydiaиReferenceError
С: ReferenceError и21
Д: undefined иReferenceError

Отвечать

Ответ: Д

Внутри функции мы сначала объявляем nameпеременную с varключевым словом. Это означает, что переменная поднимается (пространство памяти настраивается на создание) со значением по умолчанию undefined, пока мы не доберемся до строки, где мы наблюдаем переменную. Мы еще не определили переменную в строке, где мы пытаемся зарегистрировать nameпеременную, поэтому она по-прежнему содержит значение undefined.

Переменные с letключевыми словами (и const) поднимаются, но, в отличие от var, не активизируются . Они доступны до строки, в которой мы их объявляем (инициализируем). Это называется «временной мертвой зоной». Когда мы пытаемся получить доступ к переменным до их объявления, JavaScript выдает ReferenceError.

2. Что на выходе?

для ( вар я = 0 ; я < 3 ; я ++ ) {

SetTimeout ( ( ) => console . войдите ( я ) , 1 ) ;

}

для ( пусть я = 0 ; я < 3 ; я ++ ) {

SetTimeout ( ( ) => console . войдите ( я ) , 1 ) ;

}

А: 0 1 2и0 1 2
Б: 0 1 2и3 3 3
С: 3 3 3 и0 1 2

Отвечать

Ответ: С

Из-за очереди событий в JavaScript setTimeoutфункция обратного вызова вызывается после выполнения цикла. Поскольку переменная iв первом цикле была объявлена с помощью varключевого слова, это значение было глобальным. Во время цикла мы каждый раз увеличивали значение iна 1, используя унарный оператор ++. К моменту setTimeoutвызова функции обратного вызова iбыло равно 3в первом примере.

Во втором цикле переменная iбыла объявлена с использованием letключевого слова: переменные, объявленные с помощью ключевого слова let(и const), имеют блочную область видимости (блок — это что-то между { }). Во время каждой итерации iбудет иметь новое значение, и каждое значение находится внутри цикла.

3. Что на выходе?

const shape = {

радиус : 10 ,

диаметр ( ) {

вернуть это . радиус * 2 ;

} ,

периметр : ( ) => 2 * Math . ПИ * это . радиус ,

} ;

консоль . бревно ( форма . диаметр ( ) ) ;

консоль . бревно ( форма . периметр ( ) ) ;

А: 20и62.83185307179586
Б: 20иNaN
С: 20 и63
Д:NaN и63

Отвечать

Ответ: Б

Обратите внимание, что значение diameterпредставляет собой обычную функцию, тогда как значение perimeterпредставляет собой стрелочную функцию.

В стрелочных функциях thisключевое слово указывает на его текущую окружающую область, в отличие от обычных функций! Это означает, что когда мы вызываем perimeter, он относится не к объекту формы, а к окружающей его области (например, к окну).

В этом объекте нет значения radius, которое возвращает NaN.

4. Что на выходе?

+ правда ;

! «Лидия» ;

А: 1иfalse
Б: falseиNaN
С:false иfalse

Отвечать

Ответ: А

Унарный плюс пытается преобразовать операнд в число. trueесть 1, и falseесть 0.

Строка 'Lydia'является истинным значением. На самом деле мы спрашиваем: «Является ли это истинное значение ложным?». Это возвращает false.

5. Какой из них верный?

const птица = {

размер : 'маленький' ,

} ;

const mouse = {

имя : 'Микки' ,

маленький : правда ,

} ;

А: mouse.bird.sizeнедействителен
Б: mouse[bird.size] недействительно
С: mouse[bird["size"]] недействительно
D: Все они действительны

Отвечать

Ответ: А

В JavaScript все ключи объекта являются строками (если только это не символ). Даже если мы не можем вводить их как строки, они всегда преобразуются в строки под капотом.

JavaScript интерпретирует (или распаковывает) операторы. Когда мы используем скобочную нотацию, она видит первую открывающую скобку [и продолжает работать, пока не найдет закрывающую скобку ]. Только тогда он будет оценивать заявление.

mouse[bird.size]: Сначала он оценивает bird.size, что есть "small". mouse["small"]возвращаетсяtrue

Однако с точечной нотацией этого не происходит. mouseне имеет ключа под названием bird, что означает, что mouse.birdэто undefined. Затем мы просим sizeиспользовать запись через точку: mouse.bird.size. Так mouse.birdкак undefined, мы на самом деле спрашиваем undefined.size. Это недопустимо и вызовет ошибку, аналогичную Cannot read property "size" of undefined.

6. Что на выходе?

let c = { приветствие : 'Эй!' } ;

пусть д ;

д = с ;

в . приветствие = 'Привет' ;

консоль . журнал ( д . приветствие ) ;

А: Hello
Б: Hey!
С: undefined
Д: ReferenceError
Э: TypeError

Отвечать

Ответ: А

В JavaScript все объекты взаимодействуют по ссылке , если установить их равными друг другу.

Во- первых, переменная cсодержит значение объекта. Позже мы присваиваем dту же ссылку, что cи объект.

Когда вы меняете один объект, вы меняете их все.

7. Что на выходе?

пусть а = 3 ;

пусть b = новый номер ( 3 ) ;

пусть с = 3 ;

консоль . журнал ( а == б ) ;

консоль . бревно ( а === б ) ;

консоль . журнал ( б === с ) ;

А: true false true
Б: false false true
С: true false false
Д: false true true

Отвечать

Ответ: С

new Number()является встроенным конструктором функций. Хотя это выглядит как число, на самом деле это не число: оно имеет кучу дополнительных функций и является объектом.

Когда мы используем ==оператор, он только проверяет, имеет ли он то же самое значение . Они оба имеют значение 3, поэтому он возвращает true.

Однако, когда мы используем ===оператор, и значение, и тип должны быть одинаковыми. Это не: new Number()это не число, это объект . Оба возвращаютсяfalse.

8. Что на выходе?

класс Хамелеон {

статический colorChange ( newColor ) {

this . новый цвет = новый цвет ;

вернуть это . новыйцвет ;

}

конструктор ( { newColor = 'зеленый' } = { } ) {

this . новый цвет = новый цвет ;

}

const freddie = новый хамелеон ( { newColor : 'purple' } ) ;

консоль . log ( freddie .colorChange ( ' оранжевый' ) ) ;

А: orange
Б: purple
С: green
Д: TypeError

Отвечать

Ответ: Д

Функция colorChangeстатическая. Статические методы предназначены для работы только в конструкторе, в котором они созданы, и не могут передаваться каким-либо дочерним элементам или вызываться в экземплярах класса. Так freddieкак это экземпляр класса Chameleon, функция не может быть вызвана для него. Брошен TypeErrorА.

9. Что на выходе?

пусть приветствие ;

приветствие = { } ; // Опечатка!

консоль . журнал ( приветствие ) ;

А: {}
Б: ReferenceError: greetign is not defined
С: undefined

Отвечать

Ответ: А

Он регистрирует объект, потому что мы только что создали пустой объект для глобального объекта! Когда мы опечатались greetingкак greetign, интерпретатор JS фактически увидел это как global.greetign = {}(или window.greetign = {}в браузере).

Чтобы этого избежать, мы можем использовать "use strict". Это гарантирует, что вы объявили переменную, прежде чем установить ее равной чему-либо.

10. Что происходит, когда мы это делаем?

функция коры ( ) {

консоль . бревно ( "Гав!" ) ;

}

кора .животное = 'собака' ;

A: Ничего, это совершенно нормально!
Б: SyntaxError. Вы не можете добавлять свойства к функции таким образом.
C: "Woof"регистрируется.
Д: ReferenceError

Отвечать

Ответ: А

Это возможно в JavaScript, потому что функции — это объекты! (Все, кроме примитивных типов, являются объектами)

Функция — это особый тип объекта. Код, который вы пишете сами, не является реальной функцией. Функция — это объект со свойствами. Это свойство вызывается.

11. Что на выходе?

функция Person ( имя , фамилия ) {

this . имя = имя ;

это . фамилия = фамилия ;

}

const member = new Person ( 'Лидия' , 'Хэлли' ) ;

человек . getFullName = function ( ) {

return ` ${ this . имя } ${ это . фамилия } ` ;

} ;

консоль . log ( член.getFullName ( ) ) ; _ _

А: TypeError
Б: SyntaxError
С: Lydia Hallie
Д: undefined undefined

Отвечать

Ответ: А

В JavaScript функции являются объектами, поэтому метод getFullNameдобавляется к самому объекту функции-конструктора. По этой причине мы можем вызвать Person.getFullName(), но member.getFullNameвыдает TypeError.

Если вы хотите, чтобы метод был доступен для всех экземпляров объекта, вы должны добавить его в свойство прототипа:

человек . прототип . getFullName = function ( ) {

return ` ${ this . имя } ${ это . фамилия } ` ;

} ;

12. Что на выходе?

функция Person ( имя , фамилия ) {

this . имя = имя ;

это . фамилия = фамилия ;

}

const lydia = new Person ( 'Лидия' , 'Хэлли' ) ;

const sarah = Person ( 'Сара' , 'Смит' ) ;

консоль . журнал ( Лидия ) ;

консоль . журнал ( Сара ) ;

А: Person {firstName: "Lydia", lastName: "Hallie"}иundefined
Б: Person {firstName: "Lydia", lastName: "Hallie"}иPerson {firstName: "Sarah", lastName: "Smith"}
С: Person {firstName: "Lydia", lastName: "Hallie"}и{}
Д: Person {firstName: "Lydia", lastName: "Hallie"}иReferenceError

Отвечать

Ответ: А

Для sarah, мы не использовали newключевое слово. При использовании newотносится thisк новому пустому объекту, который мы создаем. Однако, если вы не добавите new, thisссылается на глобальный объект !

Мы сказали, что this.firstNameравны "Sarah"и this.lastNameравны "Smith". То, что мы на самом деле сделали, определяет global.firstName = 'Sarah'и global.lastName = 'Smith'. sarahсам по себе оставлен undefined, так как мы не возвращаем значение из Personфункции.

13. Какие три фазы распространения события?

A: Цель > Захват > Всплывание
B: Всплывание > Цель > Захват
C: Цель > Всплывание > Захват
D: Захват > Цель > Всплывание

Отвечать

Ответ: Д

На этапе захвата событие проходит через элементы-предки до целевого элемента. Затем он достигает целевого элемента, и начинается всплытие .

14. Все объекты имеют прототипы.

Правда
Б: ложь

Отвечать

Ответ: Б

Все объекты имеют прототипы, кроме базового объекта . Базовый объект — это объект, созданный пользователем, или объект, созданный с использованием newключевого слова. Базовый объект имеет доступ к некоторым методам и свойствам, таким как .toString. Вот почему вы можете использовать встроенные методы JavaScript! Все такие способы доступны на прототипе. Хотя JavaScript не может найти его непосредственно в вашем объекте, он идет вниз по цепочке прототипов и находит его там, что делает его доступным для вас.

15. Что на выходе?

сумма функций ( а , б ) {

вернуть а + б ;

}

сумма ( 1 , '2' ) ;

А: NaN
Б: TypeError
С: "12"
Д: 3

Отвечать

Ответ: С

JavaScript — это язык с динамической типизацией : мы не указываем, к какому типу относятся те или иные переменные. Значения могут быть автоматически преобразованы в другой тип без вашего ведома, что называется неявным приведением типа . Принуждение — это превращение одного типа в другой.

В этом примере JavaScript преобразует число 1в строку, чтобы функция имела смысл и возвращала значение. При добавлении числового типа ( 1) и строкового типа ( '2') число рассматривается как строка. Мы можем объединять такие строки, как "Hello" + "World", так что здесь происходит то, "1" + "2"что возвращает "12".

16. Что на выходе?

пусть число = 0 ;

консоль . бревно ( число ++ ) ;

консоль . журнал ( ++ число ) ;

консоль . журнал ( число ) ;

А: 1 1 2
Б: 1 2 2
С: 0 2 2
Д: 0 1 2

Отвечать

Ответ: С

Постфиксный унарный оператор ++:

Возвращает значение (это возвращает 0)
Увеличивает значение (число теперь 1)

Префикс унарный оператор ++:

Увеличивает значение (число теперь 2)
Возвращает значение (это возвращает 2)

Это возвращает 0 2 2.

17. Что на выходе?

функция getPersonInfo ( один , два , три ) {

console . журнал ( один ) ;

консоль . бревно ( два ) ;

консоль . бревно ( три ) ;

}

const person = 'Лидия' ;

постоянный возраст = 21 ;

getPersonInfo ` ${ person } $ { age } лет` ;

А: "Lydia" 21 ["", " is ", " years old"]
Б: ["", " is ", " years old"] "Lydia" 21
С: "Lydia" ["", " is ", " years old"] 21

Отвечать

Ответ: Б

Если вы используете теговые литералы шаблонов, значение первого аргумента всегда является массивом строковых значений. Остальные аргументы получают значения переданных выражений!

18. Что на выходе?

function checkAge ( data ) {

if ( data === { age : 18 } ) {

console . log ( 'Вы взрослый!' ) ;

} else if ( data == { age : 18 } ) {

console . log ( 'Вы все еще взрослый.' ) ;

} еще {

консоль . log `Хм.. Думаю, у тебя нет возраста` () ;

}

checkAge ( { возраст : 18 } ) ;

А: You are an adult!
Б: You are still an adult.
С: Hmm.. You don't have an age I guess

Отвечать

Ответ: С

При проверке на равенство примитивы сравниваются по их значению , а объекты — по их ссылке . JavaScript проверяет, имеют ли объекты ссылки на одно и то же место в памяти.

Два объекта, которые мы сравниваем, не имеют этого: объект, который мы передали в качестве параметра, ссылается на другое место в памяти, чем объект, который мы использовали для проверки равенства.

Вот почему оба { age: 18 } === { age: 18 }и { age: 18 } == { age: 18 }return false.

19. Что на выходе?

функция getAge ( ... аргументы ) {

console . журнал ( тип аргументов ) ;

}

получить возраст ( 21 ) ;

А: "number"
Б: "array"
С: "object"
Д: "NaN"

Отвечать

Ответ: С

Параметр rest ( ...args) позволяет нам «собрать» все оставшиеся аргументы в массив. Массив является объектом, поэтому typeof argsвозвращает"object"

20. Что на выходе?

function getAge ( ) {

'использовать строгое' ;

возраст = 21 ;

консоль . журнал ( возраст ) ;

}

getAge ( ) ;

А: 21
Б: undefined
С: ReferenceError
Д: TypeError

Отвечать

Ответ: С

С помощью "use strict"вы можете быть уверены, что случайно не объявите глобальные переменные. Мы никогда не объявляли переменную age, и, поскольку мы используем "use strict", это вызовет ошибку ссылки. Если бы мы не использовали "use strict", это сработало бы, так как свойство ageбыло бы добавлено к глобальному объекту.

21. Какова ценность `sum` ?

const sum = eval ( '10*10+5' ) ;

А: 105
Б: "105"
С: TypeError
Д: "10*10+5"

Отвечать

Ответ: А

evalоценивает коды, переданные в виде строки. Если это выражение, как в этом случае, оно вычисляет выражение. Выражение есть 10 * 10 + 5. Это возвращает число 105.

22. Как долго будет доступен cool_secret?

хранилище сессий . setItem ( 'cool_secret' , 123 ) ;

A: Навсегда, данные не теряются.
B: Когда пользователь закрывает вкладку.
C: Когда пользователь закрывает весь браузер, а не только вкладку.
D: Когда пользователь выключает свой компьютер.

Отвечать

Ответ: Б

Сохраненные данные sessionStorageудаляются после закрытия вкладки .

Если бы вы использовали localStorage, данные были бы там навсегда, если, например localStorage.clear(), не вызываются.

23. Что на выходе?

переменная число = 8 ;

переменная число = 10 ;

консоль . журнал ( число ) ;

А: 8
Б: 10
С: SyntaxError
Д: ReferenceError

Отвечать

Ответ: Б

С помощью varключевого слова вы можете объявить несколько переменных с одним и тем же именем. Затем переменная будет содержать последнее значение.

Вы не можете сделать это с letили constс тех пор, как они имеют блочную область видимости.

24. Что на выходе?

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

const set = new Set ( [ 1 , 2 , 3 , 4 , 5 ] ) ;

объект . имеет собственное свойство ( '1' ) ;

объект . имеет собственное свойство ( 1 ) ;

установить . имеет ( '1' ) ;

установить . имеет ( 1 ) ;

А: false true false true
Б: false true true true
С: true true false true
Д: true true true true

Отвечать

Ответ: С

Все ключи объекта (за исключением символов) являются строками внутри, даже если вы не вводите их сами как строку. Вот почему obj.hasOwnProperty('1')также возвращает true.

Это не работает таким образом для набора. В '1'нашем наборе нет: set.has('1')возвращает false. Имеет числовой тип 1, set.has(1)возвращает true.

25. Что на выходе?

const obj = { a : 'один' , b : 'два' , a : 'три' } ;

консоль . журнал ( объект ) ;

А: { a: "one", b: "two" }
Б: { b: "two", a: "three" }
С: { a: "three", b: "two" }
Д: SyntaxError

Отвечать

Ответ: С

Если у вас есть два ключа с одинаковым именем, ключ будет заменен. Он по-прежнему будет в своей первой позиции, но с последним указанным значением.

26. Глобальный контекст выполнения JavaScript создает для вас две вещи: глобальный объект и ключевое слово this.

Правда
Б: ложь
С: это зависит

Отвечать

Ответ: А

Базовый контекст выполнения — это глобальный контекст выполнения: он доступен везде в вашем коде.

27. Что на выходе?

for ( пусть я = 1 ; я < 5 ; я ++ ) {

если ( я === 3 ) продолжить ;

консоль . журнал ( я ) ;

}

А: 1 2
Б: 1 2 3
С: 1 2 4
Д: 1 3 4

Отвечать

Ответ: С

Оператор continueпропускает итерацию, если возвращается определенное условие true.

28. Что на выходе?

Строка . прототип . датьЛидияПицца = ( ) => {

return 'Дай уже Лидии пиццу!' ;

} ;

константное имя = 'Лидия' ;

имя . датьЛидияПицца ( ) ;

А: "Just give Lydia pizza already!"
Б: TypeError: not a function
С: SyntaxError
Д: undefined

Отвечать

Ответ: А

String— это встроенный конструктор, к которому мы можем добавлять свойства. Я просто добавил метод к его прототипу. Примитивные строки автоматически преобразуются в строковый объект, генерируемый функцией прототипа строки. Итак, все строки (строковые объекты) имеют доступ к этому методу!

29. Что на выходе?

константа = { } ; _ const b = { ключ : 'b' } ; константа с =

{ ключ : 'c' } ;

а [ б ] = 123 ;

а [ с ] = 456 ;

консоль . журнал ( а [ б ] ) ;

А: 123
Б: 456
С: undefined
Д: ReferenceError

Отвечать

Ответ: Б

Ключи объекта автоматически преобразуются в строки. Мы пытаемся установить объект в качестве ключа к объекту aсо значением 123.

Однако, когда мы строим объект, он становится "[object Object]". Итак, что мы говорим здесь, это то, что a["[object Object]"] = 123. Затем мы можем попытаться сделать то же самое снова. c— это еще один объект, который мы неявно строкируем. Итак, a["[object Object]"] = 456.

Затем мы регистрируем a[b], что на самом деле a["[object Object]"]. Мы просто установили его в 456, поэтому он возвращает 456.

30. Что на выходе?

const foo = ( ) => консоль . журнал ( "Первый" ) ;

const bar = ( ) => setTimeout ( ( ) => console .log ( ' Второй' ) ) ; const baz = ( ) => консоль . журнал ( "Третий" ) ;

бар ( ) ;

фу ( ) ;

баз ( ) ;

А: First Second Third
Б: First Third Second
С: Second First Third
Д: Second Third First

Отвечать

Ответ: Б

У нас есть setTimeoutфункция, и мы вызвали ее первой. Тем не менее, он был зарегистрирован последним.

Это связано с тем, что в браузерах у нас есть не только механизм выполнения, но и нечто, называемое файлом WebAPI. The WebAPIдает нам setTimeoutфункцию для начала и, например, DOM.

После того, как обратный вызов передается в WebAPI, сама setTimeoutфункция (но не обратный вызов!) удаляется из стека.

Теперь fooвызывается и "First"регистрируется.

fooизвлекается из стека и bazвызывается. "Third"регистрируется.

WebAPI не может просто добавлять что-то в стек, когда оно будет готово. Вместо этого он отправляет функцию обратного вызова в нечто, называемое очередью .

Здесь начинает работать цикл событий. Цикл событий просматривает стек и очередь задач. Если стек пуст, он берет первое из очереди и помещает его в стек.

barвызывается, "Second"регистрируется и извлекается из стека.

31. Что такое event.target при нажатии на кнопку?

< div onclick =" console.log('первый div') " >

< div onclick =" console.log('второй div') " >

< button onclick =" console.log('button') " >

Нажмите!

</ кнопка >

</ дел >

А: Внешний div
Б: внутренний div
С: button
D: Массив всех вложенных элементов.

Отвечать

Ответ: С

Самый глубокий вложенный элемент, вызвавший событие, является целью события. Вы можете перестать булькать,event.stopPropagation

32. Когда вы щелкаете по абзацу, что выводится в журнале?

< div onclick =" console.log('div') " >

< p onclick =" console.log('p') " >

Кликните сюда!

</ р >

</ дел >

А: p div
Б: div p
С: p
Д: div

Отвечать

Ответ: А

Если мы нажмем p, то увидим два лога: pи div. Во время распространения события есть 3 фазы: захват, цель и всплытие. По умолчанию обработчики событий выполняются в фазе всплытия (если не установлено useCaptureзначение true). Он идет от самого глубоко вложенного элемента наружу.

33. Что на выходе?

const person = { имя : 'Лидия' } ;

function sayHi ( возраст ) {

return ` ${ this . имя } равно ${ возрасту } ` ;

}

консоль . войти ( привет . звонок ( лицо , 21 ) ) ;

консоль . бревно ( привет . связывать ( лицо , 21 ) ) ;

А: undefined is 21 Lydia is 21
Б: function function
С: Lydia is 21 Lydia is 21
Д: Lydia is 21 function

Отвечать

Ответ: Д

В обоих случаях мы можем передать объект, на который thisдолжно ссылаться ключевое слово. Однако .callтакже выполняется немедленно !

.bind.возвращает копию функции, но с привязанным контекстом! Он выполняется не сразу.

34. Что на выходе?

function sayHi ( ) {

return ( ( ) => 0 ) ( ) ;

}

консоль . журнал ( typeof сказать Привет ( ) ) ;

А: "object"
Б: "number"
С: "function"
Д: "undefined"

Отвечать

Ответ: Б

Функция sayHiвозвращает возвращаемое значение немедленно вызванного функционального выражения (IIFE). Эта функция вернула 0тип "number".

К вашему сведению: есть только 7 встроенных типов: null, undefined, boolean, number, string, object, и symbol. "function"не является типом, так как функции являются объектами, он имеет тип "object".

35. Какие из этих значений ложны?

0 ;

новый номер ( 0 ) ;

( '' ) ;

новое логическое значение ( ложь ) ;

не определено ;

А: 0,'' ,undefined
Б: 0, new Number(0), '',new Boolean(false) ,undefined
С: 0, '',new Boolean(false) ,undefined
Д: Все они ложны.

Отвечать

Ответ: А

Есть 8 ложных значений:

undefined
null
NaN
false
'' (пустой строки)
0
-0
0n (большое целое (0))

Конструкторы функций вроде new Numberи new Booleanправдивы.

36. Что на выходе?

консоль . журнал ( тип типа 1 ) ;

А: "number"
Б: "string"
С: "object"
Д: "undefined"

Отвечать

Ответ: Б

typeof 1возвращается "number". typeof "number"возвращается"string"

37. Что на выходе?

константные числа = [ 1 , 2 , 3 ] ;

числа [ 10 ] = 11 ;

консоль . журнал ( числа ) ;

А: [1, 2, 3, 7 x null, 11]
Б: [1, 2, 3, 11]
С: [1, 2, 3, 7 x empty, 11]
Д: SyntaxError

Отвечать

Ответ: С

Когда вы устанавливаете значение для элемента в массиве, превышающее длину массива, JavaScript создает нечто, называемое «пустыми слотами». На самом деле они имеют значение undefined, но вы увидите что-то вроде:

[1, 2, 3, 7 x empty, 11]

в зависимости от того, где вы его запускаете (он отличается для каждого браузера, узла и т. д.)

38. Что на выходе?

( ( ) => {

пусть x , y

> ; try {

throw new Error ( ) ;

} catch ( x ) {

( x = 1 ) , ( y = 2 ) ;

console .log ( x ) ; } console . log ( x ) ; консоль .журнал ( у ) } _

;

) ( ) ;

А: 1 undefined 2
Б: undefined undefined undefined
С: 1 1 2
Д: 1 undefined undefined

Отвечать

Ответ: А

catchБлок получает аргумент x. Это не то же самое, xчто переменная при передаче аргументов. Эта переменная xимеет блочную область видимости.

Позже мы устанавливаем эту блочную переменную равной 1и устанавливаем значение переменной y. Теперь мы регистрируем переменную блочной области видимости x, которая равна 1.

Вне catchблока, xпо – прежнему undefined, и yэто 2. Когда мы хотим выйти console.log(x)за пределы catchблока, он возвращает undefinedи yвозвращает 2.

39. Все в JavaScript либо…

A: примитив или объект
B: функция или объект
С: хитрый вопрос! только объекты
D: число или объект

Отвечать

Ответ: А

В JavaScript есть только примитивные типы и объекты.

Примитивные типы: boolean, null, undefined, bigint, number, string, и symbol.

Что отличает примитив от объекта, так это то, что у примитивов нет никаких свойств или методов; однако вы заметите, что это 'foo'.toUpperCase()оценивает 'FOO'и не приводит к TypeError. Это связано с тем, что когда вы пытаетесь получить доступ к свойству или методу примитива, такого как строка, JavaScript неявно обертывает примитивный тип, используя один из классов-оболочек, т . е String. , а затем сразу же отбрасывает оболочку после оценки выражения. Все примитивы, кроме nullи undefined, демонстрируют это поведение.

40. Что на выходе?

[ [ 0 , 1 ] , [ 2 , 3 ] ] . уменьшите (

( соотв , кур ) => {

возврат согл . concat ( кур ) ;

} ,

[ 1 , 2 ] ,

) ;

А: [0, 1, 2, 3, 1, 2]
Б: [6, 1, 2]
С: [1, 2, 0, 1, 2, 3]
Д: [1, 2, 6]

Отвечать

Ответ: С

[1, 2]наше начальное значение. Это значение, с которого мы начинаем, и значение самого первого acc. Во время первого раунда accесть [1,2], и curесть [0, 1]. Мы объединяем их, что приводит к [1, 2, 0, 1].

Тогда [1, 2, 0, 1]есть accи [2, 3]есть cur. Соединяем их и получаем[1, 2, 0, 1, 2, 3]

41. Что на выходе?

! ! ноль ;

! ! '' ;

! ! 1 ;

А: false true false
Б: false false true
С: false true true
Д: true true false

Отвечать

Ответ: Б

nullявляется ложным. !nullвозвращается true. !trueвозвращается false.

""является ложным. !""возвращается true. !trueвозвращается false.

1правдиво. !1возвращается false. !falseвозвращается true.

42. Что `setInterval`метод возвращает в браузере?

setInterval ( ( ) => console.log ( ' Привет ' ) , 1000 ) ;

А: уникальный идентификатор
B: указанное количество миллисекунд
C: переданная функция
Д: undefined

Отвечать

Ответ: А

Он возвращает уникальный идентификатор. Этот идентификатор можно использовать для очистки этого интервала с помощью clearInterval()функции.

43. Что это возвращает?

[ ... 'Лидия' ] ;

А: ["L", "y", "d", "i", "a"]
Б: ["Lydia"]
С: [[], "Lydia"]
Д: [["L", "y", "d", "i", "a"]]

Отвечать

Ответ: А

Строка является итерируемой. Оператор распространения сопоставляет каждый символ итерируемого объекта с одним элементом.

44. Что на выходе?

функция * генератор ( я ) {

выход я ;

выход я * 2 ;

}

const gen = генератор ( 10 ) ;

консоль . журнал ( gen.next ( ) . value ) ; _ _ консоль . log ( gen.next ( ) . value ) ; _ _

А: [0, 10], [10, 20]
Б: 20, 20
С: 10, 20
Д: 0, 10 and 10, 20

Отвечать

Ответ: С

Обычные функции не могут быть остановлены на полпути после вызова. Однако функция генератора может быть «остановлена» на полпути, а затем продолжиться с того места, где она остановилась. Каждый раз, когда функция генератора встречает yieldключевое слово, функция возвращает значение, указанное после него. Обратите внимание, что функция генератора в этом случае не возвращает значение, а возвращает значение.

Во-первых, мы инициализируем функцию генератора iравным 10. Мы вызываем функцию генератора, используя next()метод. Первый раз, когда мы вызываем функцию генератора, iравно 10. Он встречает первое yieldключевое слово: оно дает значение i. Генератор теперь «приостановлен» и 10регистрируется.

Затем мы снова вызываем функцию с помощью next()метода. Он начинает продолжаться с того места, где остановился ранее, по-прежнему с iравным 10. Теперь он встречает следующее yieldключевое слово и возвращает i * 2. iравно 10, поэтому он возвращает 10 * 2, то есть 20. Это приводит к 10, 20.

45. Что это возвращает?

const firstPromise = новое обещание ( ( res , rej ) => {

setTimeout ( res , 500 , 'один' ) ;

} ) ;

const secondPromise = новое обещание ( ( res , rej ) => {

setTimeout ( res , 100 , 'two' ) ;

} ) ;

Обещание . раса ( [ firstPromise , второе обещание ] ) . затем ( res = > console .log ( res ) ) ;

А: "one"
Б: "two"
С: "two" "one"
Д: "one" "two"

Отвечать

Ответ: Б

Когда мы передаем Promise.raceметоду несколько обещаний, он разрешает/отклоняет первое обещание, которое разрешается/отклоняется. В setTimeoutметод мы передаем таймер: 500 мс для первого обещания ( firstPromise) и 100 мс для второго обещания ( secondPromise). Это означает, что secondPromiseсначала разрешается значение 'two'. resтеперь содержит значение 'two', которое регистрируется.

46. Что на выходе?

пусть человек = { имя : 'Лидия' } ;

константные члены = [ человек ] ;

человек = ноль ;

консоль . журнал ( участники ) ;

А: null
Б: [null]
С: [{}]
Д: [{ name: "Lydia" }]

Отвечать

Ответ: Д

Сначала мы объявляем переменную personсо значением объекта, у которого есть nameсвойство.

Затем мы объявляем переменную с именем members. Мы устанавливаем первый элемент этого массива равным значению personпеременной. Объекты взаимодействуют по ссылке при установке их равными друг другу. Когда вы присваиваете ссылку из одной переменной другой, вы делаете копию этой ссылки. (обратите внимание, что у них разные ссылки!)

Затем мы устанавливаем переменную personравной null.

Мы изменяем только значение personпеременной, а не первый элемент в массиве, так как этот элемент имеет другую (скопированную) ссылку на объект. Первый элемент по members-прежнему содержит ссылку на исходный объект. Когда мы регистрируем membersмассив, первый элемент по-прежнему содержит значение объекта, которое регистрируется.

47. Что на выходе?

постоянный человек = {

name : 'Lydia' ,

age : 21 ,

} ;

for ( const item in person ) {

console . журнал ( элемент ) ;

}

А: { name: "Lydia" }, { age: 21 }
Б: "name", "age"
С: "Lydia", 21
Д: ["name", "Lydia"], ["age", 21]

Отвечать

Ответ: Б

С помощью for-inцикла мы можем перебирать ключи объектов, в данном случае nameи age. Под капотом объектные ключи представляют собой строки (если они не являются символами). В каждом цикле мы устанавливаем значение, itemравное текущему ключу, по которому выполняется итерация. Во- первых, itemравно nameи регистрируется. Затем itemравно age, что регистрируется.

48. Что на выходе?

консоль . журнал ( 3 + 4 + '5' ) ;

А: "345"
Б: "75"
С: 12
Д: "12"

Отвечать

Ответ: Б

Ассоциативность операторов — это порядок, в котором компилятор оценивает выражения слева направо или справа налево. Это происходит только в том случае, если все операторы имеют одинаковый приоритет. У нас есть только один тип оператора: +. Кроме того, ассоциативность слева направо.

3 + 4оценивается в первую очередь. В результате получается число 7.

7 + '5'получается "75"из-за принуждения. JavaScript преобразует число 7в строку, см. вопрос 15. Мы можем объединить две строки с помощью +оператора. "7" + "5"приводит к "75".

49. Каково значение `num`?

const num = parseInt ( '7*6' , 10 ) ;

А: 42
Б: "42"
С: 7
Д: NaN

Отвечать

Ответ: С

Возвращаются только первые числа в строке. На основе системы счисления (второй аргумент, чтобы указать, какой тип числа мы хотим разобрать: основание 10, шестнадцатеричное, восьмеричное, двоичное и т. д.) parseIntпроверяет, допустимы ли символы в строке. Как только он встречает символ, который не является допустимым числом в системе счисления, он прекращает синтаксический анализ и игнорирует следующие символы.

*недействительный номер. Он только анализирует "7"десятичный 7. numтеперь имеет значение 7.

50. Что на выходе?

[ 1 , 2 , 3 ] . map ( num => {

if ( typeof num === 'number' ) return ;

return num * 2 ;

} ) ;

А: []
Б: [null, null, null]
С: [undefined, undefined, undefined]
Д: [ 3 x empty ]

Отвечать

Ответ: С

При отображении массива значение numравно элементу, который в данный момент зацикливается. В этом случае элементы являются числами, поэтому условие оператора if typeof num === "number"возвращает true. Функция карты создает новый массив и вставляет значения, возвращенные функцией.

Однако мы не возвращаем значение. Когда мы не возвращаем значение из функции, функция возвращает undefined. Для каждого элемента массива вызывается функциональный блок, поэтому для каждого элемента мы возвращаем undefined.

51. Что на выходе?

функция getInfo ( член , год ) {

член . имя = 'Лидия' ;

год = '1998' ;

}

const person = { имя : 'Сара' } ;

константный год рождения = '1997' ;

getInfo ( человек ,год рождения ) ;

консоль . журнал ( человек , год рождения ) ;

А: { name: "Lydia" }, "1997"
Б: { name: "Sarah" }, "1998"
С: { name: "Lydia" }, "1998"
Д: { name: "Sarah" }, "1997"

Отвечать

Ответ: А

Аргументы передаются по значению , если их значение не является объектом, то они передаются по ссылке . birthYearпередается по значению, так как это строка, а не объект. Когда мы передаем аргументы по значению, создается копия этого значения (см. вопрос 46).

Переменная birthYearимеет ссылку на значение "1997". Аргумент yearтакже имеет ссылку на значение "1997", но это не то же самое значение, на birthYearкоторое ссылается. Когда мы обновляем значение year, устанавливая yearравным "1998", мы только обновляем значение year. birthYearпо-прежнему равно "1997".

Значение personявляется объектом. Аргумент memberимеет (скопированную) ссылку на тот же объект. Когда мы изменяем свойство объекта member, на которое есть ссылка, значение personтакже будет изменено, так как они оба имеют ссылку на один и тот же объект. personсвойство nameтеперь равно значению"Lydia"

52. Что на выходе?

function Greeting ( ) {

throw 'Привет, мир!' ;

}

function sayHi ( ) {

try {

const data = Greeting ( ) ;

консоль . log ( 'Это сработало!' , данные ) ;

} поймать ( д ) {

консоль . log ( 'О нет, ошибка:' , e ) ;

}

привет ( ) ;

А: It worked! Hello world!
Б: Oh no an error: undefined
С: SyntaxError: can only throw Error objects
Д: Oh no an error: Hello world!

Отвечать

Ответ: Д

С помощью throwоператора мы можем создавать собственные ошибки. С помощью этого оператора вы можете генерировать исключения. Исключением может быть строка , число , логическое значение или объект . В данном случае нашим исключением является строка 'Hello world!'.

С помощью оператора мы можем указать, что делать, если в блоке catchвозникает исключение . tryВыбрасывается исключение: строка 'Hello world!'. eтеперь равен той строке, которую мы записываем. Это приводит к 'Oh an error: Hello world!'.

53. Что на выходе?

функция автомобиля ( ) {

это . сделать = 'Ламборгини' ;

return { сделать : 'Мазерати' } ;

}

const myCar = новый автомобиль ( ) ;

консоль . журнал ( моя машина . марка ) ;

А: "Lamborghini"
Б: "Maserati"
С: ReferenceError
Д: TypeError

Отвечать

Ответ: Б

Когда вы возвращаете свойство, значение свойства равно возвращаемому значению, а не значению, заданному в функции-конструкторе. Мы возвращаем строку "Maserati", поэтому myCar.makeона равна "Maserati".

54. Что на выходе?

( ( ) => {

пусть х = ( у = 10 ) ;

} ) ( ) ;

консоль . журнал ( тип х ) ;

консоль . журнал ( тип y ) ;

А: "undefined", "number"
Б: "number", "number"
С: "object", "number"
Д: "number", "undefined"

Отвечать

Ответ: А

let x = (y = 10); на самом деле является сокращением для:

у = 10 ;

пусть х = у ;

Когда мы устанавливаем yравным 10, мы фактически добавляем свойство yк глобальному объекту ( windowв браузере, globalв узле). В браузере window.yтеперь равно 10.

Затем мы объявляем переменную xсо значением y, которое равно 10. Переменные, объявленные с помощью letключевого слова, имеют область действия блока , они определены только в блоке, в котором они объявлены; немедленно вызываемое функциональное выражение (IIFE) в этом случае. Когда мы используем typeofоператор, операнд xне определен: мы пытаемся получить доступ xза пределами блока, в котором он объявлен. Это означает, что xон не определен. Значения, которым не было присвоено значение или объявлено, относятся к типу "undefined". console.log(typeof x)возвращается "undefined".

Однако мы создали глобальную переменную yпри установке yравной 10. Это значение доступно в любом месте нашего кода. yопределено и содержит значение типа "number". console.log(typeof y)возвращается "number".

55. Что на выходе?

класс Собака {

конструктор ( имя ) {

это . имя = имя ;

}

Собака . прототип . кора = функция ( ) {

консоль . log ( ` Гав, я $ { this.name } ` ) ;

} ;

const pet = новая собака ( "Мара" ) ;

домашнее животное . кора ( ) ;

удалить Собака . прототип . кора ;

домашнее животное . кора ( ) ;

А: "Woof I am Mara",TypeError
Б: "Woof I am Mara","Woof I am Mara"
С: "Woof I am Mara",undefined
Д: TypeError,TypeError

Отвечать

Ответ: А

Мы можем удалять свойства объектов с помощью deleteключевого слова, в том числе и на прототипе. При удалении свойства прототипа оно становится недоступным в цепочке прототипов. В этом случае barkфункция больше недоступна в прототипе после delete Dog.prototype.bark, но мы все равно пытаемся получить к ней доступ.

Когда мы пытаемся вызвать что-то, что не является функцией, TypeErrorвыбрасывается a. В этом случае TypeError: pet.bark is not a function, так как pet.barkесть undefined.

56. Что на выходе?

константный набор = новый набор ( [ 1 , 1 , 2 , 3 , 4 ] ) ;

консоль . журнал ( набор ) ;

А: [1, 1, 2, 3, 4]
Б: [1, 2, 3, 4]
С: {1, 1, 2, 3, 4}
Д: {1, 2, 3, 4}

Отвечать

Ответ: Д

Объект Setпредставляет собой набор уникальных значений: значение может встречаться в наборе только один раз.

Мы передали итерируемый объект [1, 1, 2, 3, 4]с повторяющимся значением 1. Поскольку в наборе не может быть двух одинаковых значений, одно из них удаляется. Это приводит к {1, 2, 3, 4}.

57. Что на выходе?

// counter.js

пусть counter = 10 ;

экспортировать счетчик по умолчанию ;

импорт index.js myCounter из './counter' ;

мойСчетчик += 1 ;

консоль . бревно ( мойСчетчик ) ;

А: 10
Б: 11
С: Error
Д: NaN

Отвечать

Ответ: С

Импортированный модуль доступен только для чтения : вы не можете изменить импортированный модуль. Только модуль, который их экспортирует, может изменить его значение.

Когда мы пытаемся увеличить значение myCounter, выдается ошибка: myCounterдоступно только для чтения и не может быть изменено.

58. Что на выходе?

константное имя = 'Лидия' ;

возраст = 21 ;

консоль . журнал ( удалить имя ) ;

консоль . журнал ( удалить возраст ) ;

А: false,true
Б: "Lydia",21
С: true,true
Д: undefined,undefined

Отвечать

Ответ: А

Оператор deleteвозвращает логическое значение: trueпри успешном удалении, иначе он вернет false. Однако переменные, объявленные с помощью ключевого слова var, constили , letнельзя удалить с помощью deleteоператора.

Переменная nameбыла объявлена с constключевым словом, поэтому ее удаление не удалось: falseвозвращается. Когда мы устанавливаем ageравным 21, мы фактически добавляем свойство, вызываемое ageк глобальному объекту. Таким образом вы можете успешно удалять свойства объектов, а также глобальный объект, поэтому delete ageвозвращает true.

59. Что на выходе?

константные числа = [ 1 , 2 , 3 , 4 , 5 ] ;

const [ y ] = числа ;

консоль . журнал ( у ) ;

А: [[1, 2, 3, 4, 5]]
Б: [1, 2, 3, 4, 5]
С: 1
Д: [1]

Отвечать

Ответ: С

Мы можем распаковывать значения из массивов или свойства из объектов посредством деструктурирования. Например:

[ а , б ] = [ 1 , 2 ] ;

Значение aсейчас 1, а значение bсейчас 2. Что мы на самом деле сделали в вопросе, так это:

[ у ] = [ 1 , 2 , 3 , 4 , 5 ] ;

Это означает, что значение yравно первому значению в массиве, то есть числу 1. Когда мы регистрируемся y, 1возвращается.

60. Что на выходе?

const user = { имя : 'Лидия' , возраст : 21 } ;

const admin = { admin : true , ... user } ;

консоль . журнал ( админ ) ;

А: { admin: true, user: { name: "Lydia", age: 21 } }
Б: { admin: true, name: "Lydia", age: 21 }
С: { admin: true, user: ["Lydia", 21] }
Д: { admin: true }

Отвечать

Ответ: Б

Можно комбинировать объекты с помощью оператора распространения .... Он позволяет создавать копии пар ключ/значение одного объекта и добавлять их к другому объекту. В этом случае мы создаем копии userобъекта и добавляем их к adminобъекту. Теперь adminобъект содержит скопированные пары ключ/значение, в результате чего создается файл { admin: true, name: "Lydia", age: 21 }.

61. Что на выходе?

const person = { имя : 'Лидия' } ;

Объект . определить свойство ( человек , 'возраст' , { значение : 21 } ) ;

консоль . журнал ( человек ) ;

консоль . log ( Объект . ключи ( человек ) ) ;

А: { name: "Lydia", age: 21 },["name", "age"]
Б: { name: "Lydia", age: 21 },["name"]
С: { name: "Lydia"},["name", "age"]
Д: { name: "Lydia"},["age"]

Отвечать

Ответ: Б

С помощью этого definePropertyметода мы можем добавить к объекту новые свойства или изменить существующие. Когда мы добавляем свойство к объекту с помощью definePropertyметода, они по умолчанию не являются перечисляемыми . Object.keysМетод возвращает все перечисляемые имена свойств от объекта, только в этом случае "name".

Свойства, добавленные с помощью этого definePropertyметода, по умолчанию являются неизменяемыми. Вы можете переопределить это поведение, используя свойства writable, configurableи enumerable. Таким образом, definePropertyметод дает вам намного больше контроля над свойствами, которые вы добавляете к объекту.

62. Что на выходе?

const settings = {

имя пользователя : 'lydiahallie' ,

уровень : 19 ,

здоровье : 90 ,

} ;

постоянные данные = JSON . stringify ( настройки , [ 'уровень' , 'здоровье' ] ) ;

консоль . журнал ( данные ) ;

А: "{"level":19, "health":90}"
Б: "{"username": "lydiahallie"}"
С: "["level", "health"]"
Д: "{"username": "lydiahallie", "level":19, "health":90}"

Отвечать

Ответ: А

Второй аргумент JSON.stringify— заменитель . Заменитель может быть либо функцией, либо массивом, и позволяет вам контролировать, какие и как значения должны быть преобразованы в строку.

Если заменитель является массивом , в строку JSON будут добавлены только имена свойств, включенных в массив. В этом случае исключаются только свойства с именами "level"и . теперь равно ."health""username"data"{"level":19, "health":90}"

Если заменитель является функцией , эта функция вызывается для каждого свойства в объекте, который вы преобразуете в строку. Значение, возвращаемое этой функцией, будет значением свойства при его добавлении в строку JSON. Если значение равно undefined, это свойство исключается из строки JSON.

63. Что на выходе?

пусть число = 10 ;

const увеличитьЧисло = ( ) => число ++ ;

const увеличитьPassedNumber = число => число ++ ;

const num1 = увеличить число ( ) ;

константа число2 = увеличение переданного числа ( число1 ) ;

консоль . журнал ( число1 ) ;

консоль . журнал ( число2 ) ;

А: 10,10
Б: 10,11
С: 11,11
Д: 11,12

Отвечать

Ответ: А

Унарный оператор ++ сначала возвращает значение операнда, а затем увеличивает значение операнда. Значение num1равно 10, так как increaseNumberфункция сначала возвращает значение num, которое равно 10, а затем только увеличивает значение num.

num2, 10так как мы перешли num1к increasePassedNumber. numberравно 10(значению num1. Опять же, унарный оператор ++ сначала возвращает значение операнда, а затем увеличивает значение операнда. Значение numberравно 10, поэтому num2равно 10.

64. Что на выходе?

константное значение = { число : 10 } ;

const умножить = ( x = { ... значение } ) => {

console . журнал ( ( х . число *= 2 ) ) ;

} ;

умножить ( ) ;

умножить ( значение ) ;

А: 20,40 ,80 ,160
Б: 20, 40,20,40
С: 20, 20,20 ,40
Д: NaN, NaN, 20,40

Отвечать

Ответ: С

В ES6 мы можем инициализировать параметры со значением по умолчанию. Значение параметра будет значением по умолчанию, если никакое другое значение не было передано в функцию или если значение параметра равно "undefined". В этом случае мы распространяем свойства valueобъекта на новый объект, поэтому xимеет значение по умолчанию { number: 10 }.

Аргумент по умолчанию оценивается во время вызова ! Каждый раз, когда мы вызываем функцию, создается новый объект. Мы вызываем multiplyфункцию первые два раза без передачи значения: xимеет значение по умолчанию { number: 10 }. Затем мы записываем умноженное значение этого числа, которое равно 20.

В третий раз, когда мы вызываем умножение, мы передаем аргумент: вызываемый объект value. На *=самом деле этот оператор является сокращением x.number = x.number * 2: мы изменяем значение x.numberи регистрируем умноженное значение 20.

В четвертый раз мы valueснова передаем объект. x.numberранее был изменен на 20, поэтому x.number *= 2журналы 40.

65. Что на выходе?

[ 1 , 2 , 3 , 4 ] . уменьшить ( ( х , у ) => > console .log ( x , y ) ) ;

А: 1 2и 3 3и6 4
В: 1 2и 2 3и3 4
С: 1 undefinedи 2 undefinedи 3 undefinedи4 undefined
Д: 1 2и undefined 3иundefined 4

Отвечать

Ответ: Д

В данном случае первым аргументом, который reduceполучает метод, является аккумулятор . xВторой аргумент – это текущее значение , y. С помощью метода сокращения мы выполняем функцию обратного вызова для каждого элемента массива, что в конечном итоге может привести к одному единственному значению.

В этом примере мы не возвращаем никаких значений, мы просто регистрируем значения аккумулятора и текущее значение.

Значение аккумулятора равно ранее возвращенному значению функции обратного вызова. Если вы не передадите необязательный initialValueаргумент reduceметоду, аккумулятор будет равен первому элементу при первом вызове.

При первом вызове аккумулятор ( x) равен 1, а текущее значение ( y) равно 2. Мы не возвращаемся из функции обратного вызова, мы регистрируем аккумулятор и текущее значение: 1и 2регистрируемся.

Если вы не возвращаете значение из функции, она возвращает undefined. При следующем вызове аккумулятор равен undefined, а текущее значение равно 3. undefinedи 3войти в систему.

При четвертом вызове мы снова не возвращаемся из функции обратного вызова. Аккумулятор снова равен undefined, а текущее значение равно 4. undefinedи 4войти в систему.

66. С помощью какого конструктора мы можем успешно расширить `Dog`класс?

класс Собака {

конструктор ( имя ) {

это . имя = имя ;

}

} ;

class Labrador extends Dog {

// 1

конструктор ( имя , размер ) {

this . размер = размер ;

}

// 2

конструктор ( имя , размер ) {

super ( имя ) ;

это . размер = размер ;

}

// 3

конструктор ( размер ) {

супер ( имя ) ;

этот .размер = размер ;

}

// 4

конструктор ( имя , размер ) {

this . имя = имя ;

это . размер = размер ;

}

} ;

А: 1
БИ 2
С: 3
Д: 4

Отвечать

Ответ: Б

В производном классе вы не можете получить доступ к thisключевому слову до вызова super. Если вы попытаетесь это сделать, он выдаст ошибку ReferenceError: 1 и 4 выдаст ошибку ссылки.

С помощью superключевого слова мы вызываем конструктор этого родительского класса с заданными аргументами. Родительский конструктор получает nameаргумент, поэтому нам нужно перейти nameк super.

LabradorКласс принимает два аргумента, nameтак как она проходит Dog, и в sizeкачестве дополнительного имущества на Labradorклассе. Оба они должны быть переданы в функцию-конструктор на Labrador, что правильно делается с помощью конструктора 2.

67. Что на выходе?

консоль index.js . log ( 'запуск index.js' ) ;

импортировать { sum } из './sum.js' ;

консоль . журнал ( сумма ( 1 , 2 ) ) ;

// консоль sum.js. log ( 'выполняется sum.js' ) ; экспортировать const sum = ( a , b ) => a + b ;

А: running index.js,running sum.js ,3
Б: running sum.js, running index.js,3
С: running sum.js, 3,running index.js
Д: running index.js, undefined,running sum.js

Отвечать

Ответ: Б

По importключевому слову все импортируемые модули предварительно анализируются . Это означает, что импортированные модули запускаются первыми , код в файле, который импортирует модуль, выполняется после .

В этом разница между require()CommonJS и import! С помощью require()вы можете загружать зависимости по требованию во время выполнения кода. Если бы мы использовали requireвместо import, running index.js, running sum.js, 3то вошли бы в консоль.

68. Что на выходе?

консоль . журнал ( Число ( 2 ) === Число ( 2 ) ) ;

консоль . log ( логическое значение ( ложь ) === логическое значение ( ложь ) ) ;

консоль . log ( Символ ( 'foo' ) === Символ ( 'foo' ) ) ) ;

А: true,true ,false
Б: false, true,false
С: true, false,true
Д: true, true,true

Отвечать

Ответ: А

Каждый символ полностью уникален. Назначение аргумента, передаваемого символу, состоит в том, чтобы дать символу описание. Значение Symbol не зависит от переданного аргумента. Проверяя равенство, мы создаем два совершенно новых символа: первый Symbol('foo')и второй Symbol('foo'). Эти два значения уникальны и не равны друг другу, Symbol('foo') === Symbol('foo')возвращает false.

69. Что на выходе?

const name = 'Лидия Халли' ;

консоль . log ( имя.padStart ( 13 ) ) ; _ _ консоль . log ( имя.padStart ( 2 ) ) ; _ _

А: "Lydia Hallie","Lydia Hallie"
Б: " Lydia Hallie", " Lydia Hallie"("[13x whitespace]Lydia Hallie" , "[2x whitespace]Lydia Hallie")
С: " Lydia Hallie", "Lydia Hallie"("[1x whitespace]Lydia Hallie" , "Lydia Hallie")
Д: "Lydia Hallie", "Lyd",

Отвечать

Ответ: С

С помощью padStartметода мы можем добавить дополнение к началу строки. Значение, передаваемое этому методу, представляет собой общую длину строки вместе с дополнением. Строка "Lydia Hallie"имеет длину 12. name.padStart(13)вставляет 1 пробел в начале строки, потому что 12 + 1 равно 13.

Если аргумент, переданный padStartметоду, меньше длины массива, заполнение добавляться не будет.

70. Что на выходе?

консоль . журнал ( '🥑' + '💻' ) ;

А: "🥑💻"
Б: 257548
C: строка, содержащая их кодовые точки
Д: ошибка

Отвечать

Ответ: А

С помощью +оператора вы можете конкатенировать строки. В этом случае мы объединяем строку "🥑"со строкой "💻", в результате чего получается "🥑💻".

71. Как мы можем зарегистрировать значения, закомментированные после оператора console.log?

function * startGame ( ) {

const answer = yield 'Вы любите JavaScript?' ;

if ( answer !== 'Да' ) {

return "Ого... Думаю, мы ушли" ;

}

return 'JavaScript любит вас в ответ ❤️' ;

}

Const игра = StartGame ( ) ;

консоль . журнал ( /* 1 */ ) ; // Вы любите JavaScript?

консоль . журнал ( /* 2 */ ) ; // JavaScript любит вас в ответ ❤️

А: game.next("Yes").valueиgame.next().value
Б: game.next.value("Yes")иgame.next.value()
С: game.next().valueиgame.next("Yes").value
Д: game.next.value()иgame.next.value("Yes")

Отвечать

Ответ: С

Генераторная функция «приостанавливает» свое выполнение, когда видит yieldключевое слово. Во-первых, мы должны позволить функции выдать строку «Вы любите JavaScript?», что можно сделать, вызвав game.next().value.

Каждая строка выполняется, пока не найдет первое yieldключевое слово. В yieldпервой строке функции есть ключевое слово: выполнение останавливается с первым выходом! Это означает, что переменная answerеще не определена!

Когда мы вызываем game.next("Yes").value, в данном случае предыдущее yieldзаменяется значением параметров, переданных next()функции "Yes". Теперь значение переменной answerравно "Yes". Условие оператора if возвращает falseи JavaScript loves you back ❤️регистрируется.

72. Что на выходе?

консоль . Журнал ( Строка . сырыми `Hello \ nworld` ) ;

А: Hello world!
Б: Hello
world
С: Hello\nworld
Д: Hello\n
world

Отвечать

Ответ: С

String.rawвозвращает строку, в которой escape-последовательности ( \n, \v, \tи т. д.) игнорируются! Обратная косая черта может быть проблемой, так как вы можете получить что-то вроде:

const path = C:\Documents\Projects\table.html

Что приведет к:

"C:DocumentsProjects able.html"

С String.raw, он просто проигнорирует escape и напечатает:

C:\Documents\Projects\table.html

В данном случае это строка Hello\nworld, которая регистрируется.

73. Что на выходе?

асинхронная функция getData ( ) {

return await Promise . решить ( "Я сделал это!" ) ;

}

константные данные = getData ( ) ;

консоль . журнал ( данные ) ;

А: "I made it!"
Б: Promise {<resolved>: "I made it!"}
С: Promise {<pending>}
Д: undefined

Отвечать

Ответ: С

Асинхронная функция всегда возвращает обещание. По- awaitпрежнему нужно дождаться разрешения промиса: ожидающий промис возвращается, когда мы вызываем getData(), чтобы установить dataравный ему.

Если бы мы хотели получить доступ к разрешенному значению "I made it", мы могли бы использовать .then()метод на data:

data.then(res => console.log(res))

Это было бы зарегистрировано "I made it!"

74. Что на выходе?

функция addToList ( элемент , список ) {

возвращаемый список . нажать ( предмет ) ;

}

const result = addToList ( 'яблоко' , [ 'банан' ] ) ;

консоль . журнал ( результат ) ;

А: ['apple', 'banana']
Б: 2
С: true
Д: undefined

Отвечать

Ответ: Б

Метод .push()возвращает длину нового массива! Ранее массив содержал один элемент (строку "banana") и имел длину 1. После добавления строки "apple"в массив массив содержит два элемента и имеет длину 2. Это возвращается из addToListфункции.

Метод pushизменяет исходный массив. Если вы хотели вернуть массив из функции, а не длину массива , вы должны были вернуться listпосле нажатия itemна него.

75. Что на выходе?

константное поле = { х : 10 , у : 20 } ;

Объект . заморозить ( коробку ) ;

константа форма = коробка ;

форма . х = 100 ;

консоль . бревно ( форма ) ;

А: { x: 100, y: 20 }
Б: { x: 10, y: 20 }
С: { x: 100 }
Д: ReferenceError

Отвечать

Ответ: Б

Object.freeze делает невозможным добавление, удаление или изменение свойств объекта (если только значение свойства не является другим объектом).

Когда мы создаем переменную shapeи устанавливаем ее равной замороженному объекту box, shapeэто также относится к замороженному объекту. Вы можете проверить, заморожен ли объект, используя Object.isFrozen. В этом случае Object.isFrozen(shape)возвращает true, так как переменная shapeимеет ссылку на замороженный объект.

Так shapeкак заморожено и поскольку значение xне является объектом, мы не можем изменить свойство x. xпо-прежнему равно 10и { x: 10, y: 20 }регистрируется.

76. Что на выходе?

константа { имя : мое имя } = { имя : 'Лидия' } ;

консоль . журнал ( имя ) ;

А: "Lydia"
Б: "myName"
С: undefined
Д: ReferenceError

Отвечать

Ответ: С

Когда мы распаковываем свойство nameиз объекта в правой части, мы присваиваем его значение "Lydia"переменной с именем myName.

С помощью { name: myName }мы сообщаем JavaScript, что хотим создать новую переменную myNameсо значением nameсвойства в правой части.

Поскольку мы пытаемся записать name, переменная, которая не определена, undefinedвозвращается в левом присваивании. Позже значение Lydiaсохраняется посредством присваивания деструктуризации.

77. Это чистая функция?

сумма функций ( а , б ) {

возврат а + б ;

}

О: Да
Б: нет

Отвечать

Ответ: А

Чистая функция — это функция, которая всегда возвращает один и тот же результат, если переданы одни и те же аргументы.

Функция sumвсегда возвращает один и тот же результат. Если мы передаем 1и 2, он всегда будет возвращаться 3без побочных эффектов. Если мы передаем 5и 10, он всегда будет возвращаться 15и так далее. Это определение чистой функции.

78. Что на выходе?

константа добавить = ( ) => {

const cache = { } ;

return num => {

if ( num in cache ) {

return `Из кеша! ${ кеш [ число ] } ` ;

} иначе {

константный результат = число + 10 ;

кэш [ число ] = результат ;

вернуть `Рассчитано! ${результат} `;

}

};

константа addFunction = добавить ( ) ;

консоль . журнал ( добавить функцию ( 10 ) ) ;

консоль . журнал ( добавить функцию ( 5 * 2 ) ) ;

А: Calculated! 20 Calculated! 20 Calculated! 20
Б: Calculated! 20 From cache! 20 Calculated! 20
С: Calculated! 20 From cache! 20 From cache! 20
Д: Calculated! 20 From cache! 20 Error

Отвечать

Ответ: С

Функция addявляется запоминаемой функцией. С помощью мемоизации мы можем кэшировать результаты функции, чтобы ускорить ее выполнение. В этом случае мы создаем cacheобъект, в котором хранятся ранее возвращенные значения.

Если мы addFunctionснова вызовем функцию с тем же аргументом, она сначала проверит, не получила ли уже это значение в своем кеше. В этом случае будет возвращено значение caches, что сэкономит время выполнения. В противном случае, если он не кэширован, он вычислит значение и сохранит его впоследствии.

Мы вызываем addFunctionфункцию три раза с одним и тем же значением: при первом вызове значение функции, когда numоно равно, 10еще не кэшируется. Условие оператора if num in cacheвозвращает значение false, и блок else выполняется: Calculated! 20регистрируется, и значение результата добавляется в объект кеша. cacheтеперь похоже { 10: 20 }.

Во второй раз cacheобъект содержит значение, которое возвращается для 10. Условие оператора if num in cacheвозвращает trueи 'From cache! 20'регистрируется.

В третий раз мы переходим 5 * 2к функции, которая оценивается как 10. Объект cacheсодержит значение, которое возвращается для 10. Условие оператора if num in cacheвозвращает trueи 'From cache! 20'регистрируется.

79. Что на выходе?

const myLifeSummedUp = [ '☕' , '💻' , '🍷' , '🍫' ] ;

for ( позволить элементу в myLifeSummedUp ) {

console . журнал ( элемент ) ;

}

для ( пусть пункт из myLifeSummedUp ) {

консоли . журнал ( элемент ) ;

}

А: 0 1 2 3и"☕" "💻" "🍷" "🍫"
Б: "☕" "💻" "🍷" "🍫"и"☕" "💻" "🍷" "🍫"
С: "☕" "💻" "🍷" "🍫"и0 1 2 3
Д: 0 1 2 3и{0: "☕", 1: "💻", 2: "🍷", 3: "🍫"}

Отвечать

Ответ: А

С помощью цикла for-in мы можем перебирать перечисляемые свойства. В массиве перечисляемые свойства являются «ключами» элементов массива, которые на самом деле являются их индексами. Вы можете увидеть массив как:

{0: "☕", 1: "💻", 2: "🍷", 3: "🍫"}

Где ключи — перечисляемые свойства. 0 1 2 3войти в систему.

С помощью цикла for-of мы можем перебирать итерируемые объекты . Массив является итерируемым. Когда мы перебираем массив, переменная «item» равна элементу, по которому он в данный момент перебирает, "☕" "💻" "🍷" "🍫"регистрируется.

80. Что на выходе?

список констант = [ 1 + 2 , 1 * 2 , 1/2 ] ; _ _ консоль . журнал ( список ) ;

А: ["1 + 2", "1 * 2", "1 / 2"]
Б: ["12", 2, 0.5]
С: [3, 2, 0.5]
Д: [1, 1, 1]

Отвечать

Ответ: С

Элементы массива могут содержать любое значение. Числа, строки, объекты, другие массивы, нулевые значения, логические значения, неопределенные и другие выражения, такие как даты, функции и вычисления.

Элемент будет равен возвращаемому значению. 1 + 2возвращается 3, 1 * 2возвращается 2и 1 / 2возвращается 0.5.

81. Что на выходе?

function sayHi ( name ) {

return `Привет, ${ name } ` ;

}

консоль . журнал ( привет ( ) ) ;

А: Hi there,
Б: Hi there, undefined
С: Hi there, null
Д: ReferenceError

Отвечать

Ответ: Б

По умолчанию аргументы имеют значение undefined, если в функцию не было передано значение. В этом случае мы не передавали значение nameаргумента. nameравно тому, undefinedчто регистрируется.

В ES6 мы можем перезаписать это undefinedзначение по умолчанию параметрами по умолчанию. Например:

function sayHi(name = "Lydia") { ... }

В этом случае, если бы мы не передали значение или если бы мы передали undefined, nameвсегда было бы равно строкеLydia

82. Что на выходе?

вар статус = '😎' ;

setTimeout ( ( ) => {

const status = '😍' ;

const data = {

статус : '🥑' ,

getStatus ( ) {

вернуть это . статус ;

} ,

} ;

консоль . журнал ( данные.getStatus ( ) ) ; _ _ консоль . log ( data.getStatus.call ( this ) ) ; _ _ _ _ } , 0 ) ;

А: "🥑"и"😍"
Б: "🥑"и"😎"
С: "😍"и"😎"
Д: "😎"и"😎"

Отвечать

Ответ: Б

Значение thisключевого слова зависит от того, где вы его используете. В методе , как и в getStatusметоде, thisключевое слово относится к объекту, которому принадлежит метод . Метод принадлежит dataобъекту, поэтому thisотносится к dataобъекту. Когда мы регистрируем this.status, регистрируется statusсвойство dataобъекта, то есть "🥑".

С помощью callметода мы можем изменить объект, к которому thisотносится ключевое слово. В функциях ключевое слово thisотносится к объекту, которому принадлежит функция . Мы объявили setTimeoutфункцию для глобального объекта , поэтому внутри setTimeoutфункции thisключевое слово относится к глобальному объекту . В глобальном объекте есть переменная с именем status со значением "😎". При регистрации this.statusрегистрируется "😎".

83. Что на выходе?

const person = {

name : 'Lydia' ,

age : 21 ,

} ;

пусть город = человек . город ;

город = 'Амстердам' ;

консоль . журнал ( человек ) ;

А: { name: "Lydia", age: 21 }
Б: { name: "Lydia", age: 21, city: "Amsterdam" }
С: { name: "Lydia", age: 21, city: undefined }
Д: "Amsterdam"

Отвечать

Ответ: А

Мы устанавливаем переменную cityравной значению свойства, вызываемого cityу personобъекта. У этого объекта нет свойства с именем city, поэтому переменная cityимеет значение undefined.

Обратите внимание, что мы не ссылаемся на personсам объект! Мы просто устанавливаем переменную cityравной текущему значению cityсвойства personобъекта.

Затем мы устанавливаем cityравным строке "Amsterdam". Это не изменяет объект человека: на этот объект нет ссылки.

При регистрации personобъекта возвращается неизмененный объект.

84. Что на выходе?

function checkAge ( age ) {

if ( age < 18 ) {

const message = "Извините, вы слишком молоды." ;

} else {

const message = "Ура! Ты достаточно взрослый!" ;

}

ответное сообщение ;

}

консоль . журнал ( checkAge ( 21 ) ) ;

А: "Sorry, you're too young."
Б: "Yay! You're old enough!"
С: ReferenceError
Д: undefined

Отвечать

Ответ: С

Переменные с ключевым словом constand letимеют блочную область видимости . Блок — это все, что заключено в фигурные скобки ( { }). В этом случае фигурные скобки операторов if/else. Вы не можете ссылаться на переменную вне блока, в котором она объявлена, возникает ошибка ReferenceError.

85. Какая информация будет регистрироваться?

выборка ( 'https://www.website.com/api/user/1' )

. затем ( res => res . json ( ) )

. затем ( Рез => консоль . журнал ( Рез ) ) ;

А: Результатfetch метода.
B: Результат второго вызова методаfetch метода.
C: Результат обратного вызова в предыдущем.then() .
Д.: Оно всегда было бы неопределенным.

Отвечать

Ответ: С

Значение resво втором .thenравно возвращаемому значению предыдущего .then. Вы можете продолжать цепочку .thens таким образом, где значение передается следующему обработчику.

86. Какой вариант можно установить `hasName`равным `true`, если вы не можете передать его `true`в качестве аргумента?

функция getName ( имя ) {

const hasName = //

}

А: !!name
Б: name
С: new Boolean(name)
Д: name.length

Отвечать

Ответ: А

С помощью !!nameмы определяем, является ли значение nameистинным или ложным. Если имя истинно, что мы и хотим проверить, !nameвозвращает false. !false(что !!nameпрактически и есть) возвращает true.

Устанавливая hasNameравным name, вы устанавливаете hasNameравным любому значению, которое вы передали getNameфункции, а не логическому значению true.

new Boolean(true) возвращает оболочку объекта, а не само логическое значение.

name.lengthвозвращает длину переданного аргумента, а не является ли он true.

87. Что на выходе?

консоль . log ( 'Я хочу пиццу' [ 0 ] ) ;

А: """
Б: "I"
С: SyntaxError
Д: undefined

Отвечать

Ответ: Б

Чтобы получить символ по определенному индексу строки, вы можете использовать запись в квадратных скобках. Первый символ в строке имеет индекс 0 и так далее. В данном случае мы хотим получить элемент с индексом 0, символ "I', который регистрируется.

Обратите внимание, что этот метод не поддерживается в IE7 и более ранних версиях. В таком случае используйте .charAt().

88. Что на выходе?

сумма функций ( число1 , число2 = число1 ) {

console . журнал ( число1 + число2 ) ;

}

сумма ( 10 ) ;

А: NaN
Б: 20
С: ReferenceError
Д: undefined

Отвечать

Ответ: Б

Вы можете установить значение параметра по умолчанию равным другому параметру функции, если они были определены до параметра по умолчанию. Мы передаем значение 10в sumфункцию. Если sumфункция получает только 1 аргумент, это означает, что значение for num2не передается, и в этом случае значение num1равно переданному значению 10. Значением по умолчанию num2является значение num1, которое равно 10. num1 + num2возвращается 20.

Если вы пытаетесь установить значение параметра по умолчанию, равное параметру, который определен после (справа), значение параметра еще не было инициализировано, что приведет к ошибке.

89. Что на выходе?

// module.js

export default ( ) => 'Hello world' ;

экспортировать константное имя = 'Лидия' ;

// index.js

импортирует * как данные из './module' ;

консоль . журнал ( данные ) ;

А: { default: function default(), name: "Lydia" }
Б: { default: function default() }
С: { default: "Hello world", name: "Lydia" }
D: глобальный объект module.js

Отвечать

Ответ: А

С помощью import * as nameсинтаксиса мы импортируем все экспорты из module.jsфайла в index.jsфайл по мере создания нового вызываемого объекта data. В module.jsфайле есть два экспорта: экспорт по умолчанию и именованный экспорт. Экспорт по умолчанию — это функция, возвращающая строку "Hello World", а именованный экспорт — это вызываемая переменная name, которая имеет значение строки "Lydia".

У dataобъекта есть defaultсвойство для экспорта по умолчанию, другие свойства имеют имена именованных экспортов и соответствующие им значения.

90. Что на выходе?

класс Person {

конструктор ( имя ) {

это . имя = имя ;

}

const member = новый человек ( "Джон" ) ;

консоль . журнал ( член типа ) ;

А: "class"
Б: "function"
С: "object"
Д: "string"

Отвечать

Ответ: С

Классы — это синтаксический сахар для конструкторов функций. Эквивалентом Personкласса в качестве конструктора функции будет:

функция Человек ( ) {

это . имя = имя ;

}

Вызов конструктора функции с newрезультатом создания экземпляра Personключевого typeofслова возвращает "object"для экземпляра. typeof memberвозвращается "object".

91. Что на выходе?

пусть новый список = [ 1 , 2 , 3 ] . нажать ( 4 ) ;

консоль . журнал ( новый список . push ( 5 ) ) ;

А: [1, 2, 3, 4, 5]
Б: [1, 2, 3, 5]
С: [1, 2, 3, 4]
Д: Error

Отвечать

Ответ: Д

Метод .pushвозвращает новую длину массива, а не сам массив! Устанавливая newListравным [1, 2, 3].push(4), мы устанавливаем newListравным новой длине массива: 4.

Затем мы пытаемся использовать .pushметод на newList. Поскольку newListэто числовое значение 4, мы не можем использовать этот .pushметод: генерируется TypeError.

92. Что на выходе?

function giveLydiaPizza ( ) {

return 'Вот пицца!' ;

}

const giveLydiaChocolate = ( ) =>

"Вот шоколад... а теперь иди уже в спортзал." ;

консоль . журнал ( дать Лидии Пицце . прототип ) ;

консоль . Журнал ( giveLydiaChocolate . прототип ) ;

А: { constructor: ...} { constructor: ...}
Б: {} { constructor: ...}
С: { constructor: ...} {}
Д: { constructor: ...} undefined

Отвечать

Ответ: Д

Обычные функции, такие как giveLydiaPizzaфункция, имеют prototypeсвойство, которое представляет собой объект (объект-прототип) со constructorсвойством. Однако стрелочные функции, такие как giveLydiaChocolatefunction, не обладают этим prototypeсвойством. undefinedвозвращается при попытке доступа к prototypeсвойству с помощью giveLydiaChocolate.prototype.

93. Что на выходе?

const person = {

name : 'Lydia' ,

age : 21 ,

} ;

for ( const [ x , y ] of Object . entry ( person ) ) {

console . журнал ( х , у ) ;

}

А: name Lydiaиage 21
Б: ["name", "Lydia"]и["age", 21]
С: ["name", "age"]иundefined
Д: Error

Отвечать

Ответ: А

Object.entries(person) возвращает массив вложенных массивов, содержащих ключи и объекты:

[ [ 'name', 'Lydia' ], [ 'age', 21 ] ]

Используя for-ofцикл, мы можем перебирать каждый элемент массива, в данном случае подмассивы. Мы можем мгновенно деструктурировать подмассивы в цикле for-of, используя const [x, y]. xравен первому элементу в подмассиве, yравен второму элементу в подмассиве.

Первый подмассив равен [ "name", "Lydia" ], xравен "name"и yравен "Lydia", которые регистрируются. Второй подмассив равен [ "age", 21 ], xравен "age"и yравен 21, которые регистрируются.

94. Что на выходе?

функция getItems ( FruitList , ... аргументы , избранные фрукты ) {

return [ ... список фруктов , ... аргументы , любимые фрукты ]

}

getItems ( [ "банан" , "яблоко" ] , "груша" , "апельсин" )

А: ["banana", "apple", "pear", "orange"]
Б: [["banana", "apple"], "pear", "orange"]
С: ["banana", "apple", ["pear"], "orange"]
Д: SyntaxError

Отвечать

Ответ: Д

...argsявляется параметром покоя. Значение остаточного параметра представляет собой массив, содержащий все оставшиеся аргументы, и может быть только последним параметром ! В этом примере параметр rest был вторым параметром. Это невозможно и вызовет синтаксическую ошибку.

function getItems ( fruitList , FavoriteFruit , ... args ) {

return [ ... FruitList , ... args , FavoriteFruit ] ;

}

getItems ( [ 'банан' , 'яблоко' ] , 'груша' , 'апельсин' ) ;

Приведенный выше пример работает. Это возвращает массив[ 'banana', 'apple', 'orange', 'pear' ]

95. Что на выходе?

function nums ( a , b ) {

если ( a > b ) console . log ( 'a больше' ) ;

иначе консоль .log ( 'b больше' ) ;

вернуть

а + б ;

}

консоль . лог ( НУМС ( 4 , 2 ) ) ;

консоль . лог ( НУМС ( 1 , 2 ) ) ;

А: a is bigger, 6и b is bigger,3
Б: a is bigger, undefinedи b is bigger,undefined
С: undefinedиundefined
Д: SyntaxError

Отвечать

Ответ: Б

В JavaScript нам не нужно писать точку с запятой ( ;) явно, однако движок JavaScript все равно добавляет их после операторов. Это называется автоматической вставкой точки с запятой . Оператор может, например, быть переменными или ключевыми словами, такими как throw, return, breakи т. д.

Здесь мы написали returnоператор и другое значение a + bв новой строке . Однако, поскольку это новая строка, движок не знает, что это именно то значение, которое мы хотели вернуть. Вместо этого он автоматически добавил точку с запятой после return. Вы могли видеть это как:

возврат ;

а + б ;

Это означает, что a + bона никогда не будет достигнута, так как функция перестает работать после returnключевого слова. Если значение не возвращается, как здесь, функция возвращает undefined. if/elseОбратите внимание, что после операторов нет автоматической вставки !

96. Что на выходе?

класс Person {

конструктор ( ) {

это . имя = 'Лидия' ;

}

Человек = класс AnotherPerson {

конструктор ( ) {

это . имя = 'Сара' ;

}

} ;

константный член = новый человек ( ) ;

консоль . журнал ( член . имя ) ;

А: "Lydia"
Б: "Sarah"
С: Error: cannot redeclare Person
Д: SyntaxError

Отвечать

Ответ: Б

Мы можем установить классы равными другим конструкторам классов/функций. В этом случае примем Personравным AnotherPerson. Имя этого конструктора — Sarah, поэтому свойство имени в новом Personэкземпляре member— "Sarah".

97. Что на выходе?

const info = {

[ Символ ( 'a' ) ] : 'b' ,

} ;

консоль . журнал ( информация ) ;

консоль . журнал ( Объект . ключи ( информация ) ) ;

А: {Symbol('a'): 'b'}и["{Symbol('a')"]
Б: {}и[]
С: { a: "b" }и["a"]
Д: {Symbol('a'): 'b'}и[]

Отвечать

Ответ: Д

Символ не является перечислимым . Метод Object.keys возвращает все перечисляемые ключевые свойства объекта. Символ не будет виден, и будет возвращен пустой массив. При регистрации всего объекта будут видны все свойства, даже неперечисляемые.

Это одно из многих качеств символа: помимо представления совершенно уникального значения (что предотвращает случайное столкновение имен объектов, например, при работе с двумя библиотеками, которые хотят добавить свойства к одному и тому же объекту), вы также можете «скрыть» свойства объектов таким образом (хотя и не полностью. Вы все еще можете получить доступ к символам, используя этот Object.getOwnPropertySymbols()метод).

98. Что на выходе?

const getList = ( [ x , ... y ] ) => [ x , y ]

const getUser = user => { name : user . имя , возраст : пользователь . возраст }

const list = [ 1 , 2 , 3 , 4 ]

const user = { имя : "Лидия" , возраст : 21 }

консоль . log ( getList ( список ) )

консоль . журнал ( getUser ( пользователь ) )

А: [1, [2, 3, 4]]иSyntaxError
Б: [1, [2, 3, 4]]и{ name: "Lydia", age: 21 }
С: [1, 2, 3, 4]и{ name: "Lydia", age: 21 }
Д: Errorи{ name: "Lydia", age: 21 }

Отвечать

Ответ: А

В getListкачестве аргумента функция получает массив. Между скобками getListфункции мы сразу деструктурируем этот массив. Вы могли видеть это как:

[x, ...y] = [1, 2, 3, 4]

С помощью параметра rest ...yмы помещаем все «оставшиеся» аргументы в массив. Остальные аргументы 2, 3и 4в данном случае. Значение yпредставляет собой массив, содержащий все остальные параметры. Значение xравно 1в этом случае, поэтому, когда мы регистрируем [x, y], [1, [2, 3, 4]]регистрируется.

Функция getUserполучает объект. В стрелочных функциях нам не нужно писать фигурные скобки, если мы просто возвращаем одно значение. Однако, если вы хотите мгновенно вернуть объект из стрелочной функции, вы должны написать его между круглыми скобками, иначе все, что находится между двумя фигурными скобками, будет интерпретироваться как оператор блока. В этом случае код между фигурными скобками не является допустимым кодом JavaScript, поэтому SyntaxErrorвыбрасывается a.

Следующая функция вернула бы объект:

const getUser = user => ({ name: user.name, age: user.age })

99. Что на выходе?

константное имя = 'Лидия' ;

консоль . журнал ( имя ( ) ) ;

А: SyntaxError
Б: ReferenceError
С: TypeError
Д: undefined

Отвечать

Ответ: С

Переменная nameсодержит значение строки, которая не является функцией, поэтому не может вызываться.

TypeErrors возникает, когда значение не соответствует ожидаемому типу. Ожидается, что JavaScript nameбудет функцией, поскольку мы пытаемся его вызвать. Однако это была строка, поэтому выдается ошибка TypeError: name не является функцией!

Синтаксические ошибки возникают, когда вы написали что-то, что не является допустимым JavaScript, например, когда вы написали слово returnкак retrun. ReferenceErrors возникает, когда JavaScript не может найти ссылку на значение, к которому вы пытаетесь получить доступ.

100. Какова стоимость продукции?

// 🎉✨ Это мой сотый вопрос! ✨🎉

const output = ` ${ [ ] && 'Im' } возможно!

Вы должны ${ '' && `n't` } обратиться к терапевту после такого большого количества JavaScript lol` ;

А: possible! You should see a therapist after so much JavaScript lol
Б: Impossible! You should see a therapist after so much JavaScript lol
С: possible! You shouldn't see a therapist after so much JavaScript lol
Д: Impossible! You shouldn't see a therapist after so much JavaScript lol

Отвечать

Ответ: Б

[]является истинным значением. С &&оператором правое значение будет возвращено, если левое значение является истинным значением. В этом случае левое значение []является истинным значением, поэтому "Im'возвращается.

""является ложным значением. Если левое значение ложно, ничего не возвращается. n'tне возвращается.

101. Какова стоимость продукции?

константа один = ложь || { } || ноль ;

константа два = ноль || ложно || '' ;

константа три = [ ] || 0 || правда ;

консоль . журнал ( раз , два , три ) ;

А: false null []
Б: null "" true
С: {} "" []
Д: null null true

Отвечать

Ответ: С

С помощью ||оператора мы можем вернуть первый истинный операнд. Если все значения ложны, возвращается последний операнд.

(false || {} || null): пустой объект {}является истинным значением. Это первое (и единственное) истинное значение, которое возвращается. oneравно {}.

(null || false || ""): все операнды являются ложными значениями. ""Это означает, что возвращается последний операнд . twoравно "".

([] || 0 || ""): пустой массив []является истинным значением. Это первое истинное значение, которое возвращается. threeравно [].

102. Какова стоимость продукции?

const myPromise = ( ) => Promise . разрешить ( "Я решил!" ) ;

функция первая функция ( ) {

мое обещание ( ) . затем ( res = > console .log ( res ) ) ; консоль . журнал ( "секунда" ) ; }

асинхронная функция secondFunction ( ) {

console . журнал ( ожидание myPromise ( ) ) ; консоль . журнал ( "секунда" ) ; }

перваяФункция ( ) ;

втораяФункция ( ) ;

А: I have resolved!, secondи I have resolved!,second
Б: second, I have resolved!и second,I have resolved!
С: I have resolved!, secondи second,I have resolved!
Д: second, I have resolved!и I have resolved!,second

Отвечать

Ответ: Д

С обещанием мы в основном говорим, что я хочу выполнить эту функцию, но я пока отложу ее, пока она работает, так как это может занять некоторое время. Только когда определенное значение разрешено (или отклонено) и когда стек вызовов пуст, я хочу использовать это значение.

Мы можем получить это значение как с ключевым словом, так .thenи с awaitключевым словом в asyncфункции. Хотя мы можем получить значение обещания с помощью обоих .thenи await, они работают немного по-разному.

В firstFunction, мы (как бы) отложили функцию myPromise во время ее выполнения, но продолжили выполнение другого кода, как console.log('second')в данном случае. Затем функция разрешилась со строкой I have resolved, которая затем была зарегистрирована после того, как увидела, что стек вызовов пуст.

Используя ключевое слово await в secondFunction, мы буквально приостанавливаем выполнение асинхронной функции до тех пор, пока значение не будет разрешено, прежде чем переходить к следующей строке.

Это означает, что он ждал myPromiseразрешения со значением I have resolved, и только после того, как это произошло, мы перешли к следующей строке: secondgot logged.

103. Какова стоимость продукции?

константный набор = новый набор ( ) ;

установить . добавить ( 1 ) ;

установить . добавить ( 'Лидия' ) ;

установить . добавить ( { имя : 'Лидия' } ) ;

for ( пусть элемент набора ) { console . _ журнал ( элемент + 2 ) ; }

А: 3,NaN ,NaN
Б: 3, 7,NaN
С: 3, Lydia2,[object Object]2
Д: "12", Lydia2,[object Object]2

Отвечать

Ответ: С

+Оператор не только используется для добавления числовых значений, но мы также можем использовать его для конкатенации строк. Всякий раз, когда движок JavaScript видит, что одно или несколько значений не являются числом, он преобразует число в строку.

Первый 1— это числовое значение. 1 + 2возвращает число 3.

Однако второй является строкой "Lydia". "Lydia"является строкой и 2является числом: 2преобразуется в строку. "Lydia"и "2"объединяются, что приводит к строке "Lydia2".

{ name: "Lydia" }является объектом. Ни число, ни объект не являются строками, поэтому они преобразуются в строки обоих. Всякий раз, когда мы преобразуем обычный объект в строку, он становится "[object Object]". "[object Object]"в сочетании с "2"становится "[object Object]2".

104. Какова его ценность?

Обещание . решить ( 5 ) ;

А: 5
Б: Promise {<pending>: 5}
С: Promise {<fulfilled>: 5}
Д: Error

Отвечать

Ответ: С

Мы можем передать любое значение, какое захотим Promise.resolve, как обещание, так и не обещание. Сам метод возвращает обещание с разрешенным значением ( <fulfilled>). Если вы передадите обычную функцию, это будет разрешенное обещание с обычным значением. Если вы передадите обещание, это будет разрешенное обещание с разрешенным значением этого переданного обещания.

В данном случае мы просто передали числовое значение 5. Он возвращает разрешенное обещание со значением 5.

105. Какова его ценность?

function compareMembers ( person1 , person2 = person ) {

if ( person1 !== person2 ) {

console . log ( 'Не то же самое!' ) ;

} еще {

консоль . log ( 'Они одинаковы!' ) ;

}

const person = { имя : 'Лидия' } ;

сравнение участников ( человек ) ;

А: Not the same!
Б: They are the same!
С: ReferenceError
Д: SyntaxError

Отвечать

Ответ: Б

Объекты передаются по ссылке. Когда мы проверяем объекты на строгое равенство ( ===), мы сравниваем их ссылки.

Мы устанавливаем значение по умолчанию для person2равного personобъекту и передаем personобъект в качестве значения для person1.

Это означает, что оба значения ссылаются на одно и то же место в памяти, поэтому они равны.

Блок кода в elseоператоре запускается и They are the same!регистрируется.

106. Какова его ценность?

const colorConfig = {

красный : истина ,

синий : ложь ,

зеленый : истина ,

черный : истина ,

желтый : ложь ,

} ;

const colors = [ 'розовый' , 'красный' , 'синий' ] ;

консоль . log ( colorConfig.colors [ 1 ] ) ; _ _

А: true
Б: false
С: undefined
Д: TypeError

Отвечать

Ответ: Д

В JavaScript у нас есть два способа доступа к свойствам объекта: запись в квадратных скобках или запись через точку. В этом примере мы используем запись через точку ( colorConfig.colors) вместо записи в скобках ( colorConfig["colors"]).

С точечной нотацией JavaScript пытается найти свойство объекта с точным именем. В этом примере JavaScript пытается найти свойство, вызываемое colorsу colorConfigобъекта. Свойство не вызывается colors, поэтому возвращается undefined. Затем мы пытаемся получить доступ к значению первого элемента, используя [1]. Мы не можем сделать это со значением, равным undefined, поэтому выдается TypeError: Cannot read property '1' of undefined.

107. Какова его ценность?

консоль . журнал ( '❤️' === '❤️' ) ;

А: true
Б: false

Отвечать

Ответ: А

Под капотом смайлики — это юникоды. Юникод для эмодзи сердца: "U+2764 U+FE0F". Они всегда одинаковы для одних и тех же эмодзи, поэтому мы сравниваем две равные строки друг с другом, что возвращает true.

108. Какой из этих методов изменяет исходный массив?

const emojis = [ '✨' , '🥑' , '😍' ] ;

смайлики . карта ( х => х + '✨' ) ;

смайлики . фильтр ( x => x !== '🥑' ) ;

смайлики . найти ( х => х !== '🥑' ) ;

смайлики . уменьшить ( ( акк , кур ) => акк + '✨' ) ;

смайлики . срез ( 1 , 2 , '✨') ;

смайлики . соединение ( 1 , 2 , '✨' ) ;

А: All of them
Б: map reduce slice splice
С: map slice splice
Д: splice

Отвечать

Ответ: Д

С помощью spliceметода мы изменяем исходный массив, удаляя, заменяя или добавляя элементы. В этом случае мы удалили 2 элемента из индекса 1 (мы удалили '🥑'и '😍') и добавили вместо смайликов.

mapи возвращает новый массив, возвращает элемент и filterвозвращает уменьшенное значение.slicefindreduce

109. Что на выходе?

постоянная еда = [ '🍕' , '🍫' , '🥑' , '🍔' ] ;

const info = { фаворитная еда : еда [ 0 ] } ;

информация . избранноеЕда = '🍝' ;

консоль . бревно ( еда ) ;

А: ['🍕', '🍫', '🥑', '🍔']
Б: ['🍝', '🍫', '🥑', '🍔']
С: ['🍝', '🍕', '🍫', '🥑', '🍔']
Д: ReferenceError

Отвечать

Ответ: А

Мы устанавливаем значение favoriteFoodсвойства infoобъекта равным строке с эмодзи пиццы, '🍕'. Строка — это примитивный тип данных. В JavaScript примитивные типы данных не взаимодействуют по ссылке.

В JavaScript примитивные типы данных (все, что не является объектом) взаимодействуют по значению . В этом случае мы устанавливаем значение favoriteFoodсвойства infoобъекта равным значению первого элемента в foodмассиве, в данном случае строке с эмодзи пиццы ( '🍕'). Строка является примитивным типом данных и взаимодействует по значению (см. мой блог , если вам интересно узнать больше)

Затем мы меняем значение favoriteFoodсвойства infoобъекта. Массив foodне изменился, так как значение favoriteFoodбыло просто копией значения первого элемента в массиве и не имеет ссылки на то же место в памяти, что и элемент в food[0]. Когда мы записываем food, это все еще исходный массив ['🍕', '🍫', '🥑', '🍔'].

110. Что делает этот метод?

JSON . разобрать ( ) ;

A: Преобразует JSON в значение JavaScript.
B: Преобразует объект JavaScript в JSON.
C: преобразует любое значение JavaScript в JSON.
D: Преобразует JSON только в объект JavaScript.

Отвечать

Ответ: А

С помощью этого JSON.parse()метода мы можем преобразовать строку JSON в значение JavaScript.

// Строковое преобразование числа в действительный JSON, затем преобразование строки JSON в значение JavaScript:

const jsonNumber = JSON . упорядочить ( 4 ) ; // '4'

JSON . разобрать ( jsonNumber ) ; // 4

// Строковое преобразование значения массива в действительный JSON, затем преобразование строки JSON в значение JavaScript:

const jsonArray = JSON . Строка ( [ 1 , 2 , 3 ] ) ; // '[1, 2, 3]'

JSON . разобрать ( jsonArray ) ; // [1, 2, 3]

// Строковое преобразование объекта в действительный JSON, затем преобразование строки JSON в значение JavaScript:

const jsonArray = JSON . stringify ( { имя : 'Лидия' } ) ; // '{"имя":"Лидия"}'

JSON . разобрать ( jsonArray ) ; // {имя: 'Лидия' }

111. Что на выходе?

пусть имя = 'Лидия' ;

функция getName ( ) {

console . журнал ( имя ) ;

пусть имя = 'Сара' ;

}

получитьИмя ( ) ;

А: Лидия
Б: Сара
С: undefined
Д: ReferenceError

Отвечать

Ответ: Д

Каждая функция имеет свой собственный контекст выполнения (или область видимости ). Функция getNameсначала просматривает свой собственный контекст (область действия), чтобы увидеть, содержит ли он переменную , к которой nameмы пытаемся получить доступ. В этом случае getNameфункция содержит свою собственную nameпеременную: мы объявляем переменную nameс letключевым словом и со значением 'Sarah'.

Переменные с letключевым словом (и const) поднимаются, но, в отличие от var, не инициализируются . Они недоступны до строки, в которой мы их объявляем (инициализируем). Это называется «временной мертвой зоной». Когда мы пытаемся получить доступ к переменным до их объявления, JavaScript выдает ReferenceError.

Если бы мы не объявили nameпеременную внутри getNameфункции, движок javascript просмотрел бы цепочку областей видимости . Во внешней области есть переменная, вызываемая nameсо значением Lydia. В этом случае он был бы зарегистрирован Lydia.

пусть имя = 'Лидия' ;

функция getName ( ) {

console . журнал ( имя ) ;

}

получитьИмя ( ) ; // Лидия

112. Что на выходе?

function * generatorOne ( ) {

yield [ 'a' , 'b' , 'c' ] ;

}

function * generatorTwo ( ) {

yield * [ 'a' , 'b' , 'c' ] ;

}

const один = генераторОдин ( ) ;

const два = генераторДва ( ) ;

консоль . log ( один.следующий ( ) . значение ) ; _ _ консоль . журнал ( два . след ( ) . значение ) ;

А: aиa
Б: aиundefined
С: ['a', 'b', 'c']иa
Д: aи['a', 'b', 'c']

Отвечать

Ответ: С

С помощью yieldключевого слова мы получаем yieldзначения в функции-генераторе. С помощью yield*ключевого слова мы можем получить значения из другой функции-генератора или итерируемого объекта (например, массива).

В generatorOne, мы получаем весь массив, ['a', 'b', 'c']используя yieldключевое слово. Значение valueсвойства объекта, возвращаемого nextметодом on one( one.next().value), равно всему массиву ['a', 'b', 'c'].

консоль . log ( один.следующий ( ) . значение ) ; _ _ // ['a', 'b', 'c'] консоль . log ( один.следующий ( ) . значение ) ; _ _ // неопределенный

В generatorTwo, мы используем yield*ключевое слово. Это означает, что первое полученное значение twoравно первому полученному значению в итераторе. Итератор — это массив ['a', 'b', 'c']. Первое полученное значение равно a, поэтому при первом вызове two.next().valueвозвращается a.

консоль . журнал ( два . след ( ) . значение ) ; // 'a'

консоль . журнал ( два . след ( ) . значение ) ; // 'b'

консоль . журнал ( два . след ( ) . значение ) ; // 'c'

консоль . журнал ( два . след ( ) . значение ) ; // неопределенный

113. Что на выходе?

консоль . log ( ` ${ ( x => x ) ( 'Я люблю' ) } в программу` ) ;

А: I love to program
Б: undefined to program
С: ${(x => x)('I love') to program
Д: TypeError

Отвечать

Ответ: А

Выражения в литералах шаблона оцениваются в первую очередь. Это означает, что строка будет содержать возвращаемое значение выражения, (x => x)('I love')в данном случае немедленно вызванную функцию. Мы передаем значение 'I love'в качестве аргумента x => xстрелочной функции. xравно 'I love', которое возвращается. Это приводит к I love to program.

114. Что будет?

let config = {

alert : setInterval ( ( ) => {

console .log ( ' Alert !' ) ; } , 1000 ) , } ;

конфигурация = ноль ;

А: setInterval Обратный вызов не будет вызван
Б: setInterval обратный вызов вызывается один раз
С: setInterval Обратный вызов по-прежнему будет вызываться каждую секунду
D: Мы никогда не вызывали config.alert(), конфигnull

Отвечать

Ответ: С

Обычно, когда мы устанавливаем объекты равными null, эти объекты удаляются сборщиком мусора , поскольку на этот объект больше нет ссылок. Однако, поскольку функция обратного вызова внутри setIntervalявляется функцией стрелки (таким образом привязанной к configобъекту), функция обратного вызова по-прежнему содержит ссылку на configобъект. Пока есть ссылка, объект не будет собирать мусор. Поскольку это интервал, установка или -ing не приведет configк сборке мусора интервала, поэтому интервал все равно будет вызываться. Его следует очистить с помощью , чтобы удалить его из памяти. Поскольку он не был очищен, функция обратного вызова по-прежнему будет вызываться каждые 1000 мс (1 с).nulldeleteconfig.alertclearInterval(config.alert)setInterval

115. Какие методы вернут значение `'Hello world!'`?

const myMap = новая карта ( ) ;

const myFunc = ( ) => 'приветствие' ;

моя карта . set ( myFunc , 'Привет, мир!' ) ;

//1

моя карта . получить ( «приветствие» ) ;

//2

моя карта . получить ( myFunc ) ;

//3

моя карта . получить ( ( ) => 'приветствие' ) ;

А: 1
БИ 2
С: 2 и 3
Д: Все они

Отвечать

Ответ: Б

При добавлении пары ключ/значение с помощью setметода ключом будет значение первого аргумента, переданного setфункции, а значением будет второй аргумент, переданный setфункции. В данном случае ключ — это функция () => 'greeting' , а значение — 'Hello world'. myMapсейчас { () => 'greeting' => 'Hello world!' }.

1 неверно, так как ключ не 'greeting'но () => 'greeting'. 3 неверно, так как мы создаем новую функцию, передавая ее в качестве параметра getметоду. Объект взаимодействует по ссылке . Функции — это объекты, поэтому две функции никогда не бывают строго равными, даже если они идентичны: они имеют ссылку на другое место в памяти.

116. Что на выходе?

const person = {

name : 'Lydia' ,

age : 21 ,

} ;

const changeAge = ( x = { ... человек } ) => ( x . age += 1 ) ;

const changeAgeAndName = ( x = { ... человек } ) => {

x . возраст += 1 ;

х . имя = 'Сара' ;

} ;

changeAge ( человек ) ;

изменитьВозрастИИмя ( ) ;

консоль . журнал ( человек ) ;

А: {name: "Sarah", age: 22}
Б: {name: "Sarah", age: 23}
С: {name: "Lydia", age: 22}
Д: {name: "Lydia", age: 23}

Отвечать

Ответ: С

Обе функции changeAgeи changeAgeAndNameимеют параметр по умолчанию, а именно вновь созданный объект { ...person }. Этот объект имеет копии всех ключей/значений в personобъекте.

Сначала мы вызываем changeAgeфункцию и передаем personобъект в качестве ее аргумента. Эта функция увеличивает значение ageсвойства на 1. personis now { name: "Lydia", age: 22 }.

Затем мы вызываем changeAgeAndNameфункцию, но не передаем параметр. Вместо этого значение xравно новому объекту: { ...person }. Поскольку это новый объект, он не влияет на значения свойств personобъекта. personпо-прежнему равно { name: "Lydia", age: 22 }.

117. Какой из следующих вариантов вернется `6`?

function sumValues ( x , y , z ) {

return x + y + z ;

}

А: sumValues([...1, 2, 3])
Б: sumValues([...[1, 2, 3]])
С: sumValues(...[1, 2, 3])
Д: sumValues([1, 2, 3])

Отвечать

Ответ: С

С помощью оператора распространения ...мы можем распространять итерации на отдельные элементы. Функция sumValuesполучает три аргумента: x, yи z. ...[1, 2, 3]приведет к 1, 2, 3, который мы передаем в sumValuesфункцию.

118. Что на выходе?

пусть число = 1 ;

const list = [ '🥳' , '🤠' , '🥰' , '🤪' ] ;

консоль . журнал ( список [ ( число += 1 ) ] ) ;

А: 🤠
Б: 🥰
С: SyntaxError
Д: ReferenceError

Отвечать

Ответ: Б

С помощью +=операнда мы увеличиваем значение numна 1. numимел начальное значение 1, так 1 + 1что 2. Элемент по второму индексу в listмассиве, console.log(list[2])печатает.

119. Что на выходе?

const person = {

firstName : 'Лидия' ,

lastName : 'Hallie' ,

pet : {

name : 'Мара' ,

порода : 'Голландская тюльпановая гончая' ,

} ,

getFullName ( ) {

return ` ${ this . имя } ${ это . фамилия } ` ;

} ,

} ;

консоль . журнал ( человек . питомец ?. имя ) ;

консоль . журнал ( человек . домашнее животное ?. семья ?. имя ) ;

консоль . журнал ( человек.getFullName ? . ( ) ) ; _ консоль . log ( член.getLastName ? . ( ) ) ; _

А: undefined undefined undefined undefined
Б: Mara undefined Lydia Hallie ReferenceError
С: Mara null Lydia Hallie null
Д: null ReferenceError null ReferenceError

Отвечать

Ответ: Б

С необязательным оператором цепочки ?.нам больше не нужно явно проверять, допустимы ли более глубокие вложенные значения. Если мы пытаемся получить доступ к свойству значения undefinedили null( nullish ), выражение замыкается и возвращает значение undefined.

person.pet?.name: personимеет свойство с именем pet: person.petне является нулевым. У него есть свойство с именем name, и оно возвращает Mara. person.pet?.family?.name: personимеет свойство с именем pet: person.petне является нулевым. petне имеет свойства с именем family, person.pet.familyявляется нулевым. Выражение возвращает undefined. person.getFullName?.(): personимеет свойство с именем getFullName: person.getFullName()не является нулевым и может вызываться, что возвращает Lydia Hallie. member.getLastName?.(): переменная memberне существует, поэтому ReferenceErrorвыбрасывается!

120. Что на выходе?

const groceries = [ 'банан' , 'яблоко' , 'арахис' ] ;

if ( бакалея . indexOf ( 'банан' ) ) {

console . log ( 'Мы должны купить бананы!' ) ;

} еще {

консоль . log ( `Нам не нужно покупать бананы!` ) ;

}

A: Мы должны купить бананы!
B: Нам не нужно покупать бананы
С: undefined
Д: 1

Отвечать

Ответ: Б

Мы передали условие groceries.indexOf("banana")в оператор if. groceries.indexOf("banana")возвращает 0, что является ложным значением. Поскольку условие в операторе if ложно, код в elseблоке выполняется и We don't have to buy bananas!регистрируется.

121. Что на выходе?

const config = {

языки : [ ] ,

установить язык ( язык ) {

вернуть это .языки . нажать ( язык ) ;

} ,

} ;

консоль . лог ( конфиг . язык ) ;

А: function language(lang) { this.languages.push(lang }
Б: 0
С: []
Д: undefined

Отвечать

Ответ: Д

Метод languageпредставляет собой setter. Сеттеры не хранят фактическое значение, их цель – изменить свойства. При вызове setterметода undefinedвозвращается.

122. Что на выходе?

const name = 'Лидия Халли' ;

консоль . log ( ! typeof name === 'object' ) ;

консоль . log ( ! typeof name === 'string' ) ;

А: false true
Б: true false
С: false false
Д: true true

Отвечать

Ответ: С

typeof nameвозвращается "string". Строка "string"является истинным значением, поэтому !typeof nameвозвращает логическое значение false. false === "object"и false === "string"оба возвращаются false.

(Если бы мы хотели проверить, был ли тип (не)равным определенному типу, мы должны были написать !==вместо !typeof)

123. Что на выходе?

const add = x => y => z => {

console . журнал ( х , у , г ) ;

вернуть х + у + г ;

} ;

добавить ( 4 ) ( 5 ) ( 6 ) ;

А: 4 5 6
Б: 6 5 4
С: 4 function function
Д: undefined undefined 6

Отвечать

Ответ: А

Функция addвозвращает стрелочную функцию, которая возвращает стрелочную функцию, которая возвращает стрелочную функцию (все еще со мной?). Первая функция получает аргумент xсо значением 4. Мы вызываем вторую функцию, которая получает аргумент yсо значением 5. Затем мы вызываем третью функцию, которая получает аргумент zсо значением 6. Когда мы пытаемся получить доступ к значению xи yв zпоследней функции стрелки, движок JS поднимается по цепочке областей видимости, чтобы найти значения для xи yсоответственно. Это возвращает 4 5 6.

124. Что на выходе?

асинхронная функция * диапазон ( начало , конец ) {

for ( пусть я = начало ; я <= конец ; я ++ ) {

yield Promise . решить ( я ) ;

}

( async ( ) = > {

const gen = range ( 1 , 3 ) ;

for await ( const item of gen ) {

console .log ( item ) ; } } ) ( ) ;

А: Promise {1} Promise {2} Promise {3}
Б: Promise {<pending>} Promise {<pending>} Promise {<pending>}
С: 1 2 3
Д: undefined undefined undefined

Отвечать

Ответ: С

Функция генератора rangeвозвращает асинхронный объект с обещаниями для каждого элемента в диапазоне, который мы передаем: Promise{1}, Promise{2}, Promise{3}. Мы устанавливаем переменную genравной асинхронному объекту, после чего перебираем его с помощью for await ... ofцикла. Мы устанавливаем переменную itemравной возвращаемым значениям Promise: сначала Promise{1}, затем Promise{2}, затем Promise{3}. Поскольку мы ожидаем значения item, разрешенного промиса, возвращаются разрешенные значения промисов: 1, 2, затем 3.

125. Что на выходе?

const myFunc = ( { x , y , z } ) => {

console . журнал ( х , у , г ) ;

} ;

моя функция ( 1 , 2 , 3 ) ;

А: 1 2 3
Б: {1: 1} {2: 2} {3: 3}
С: { 1: undefined } undefined undefined
Д: undefined undefined undefined

Отвечать

Ответ: Д

myFuncожидает объект со свойствами xи yв zкачестве аргумента. Поскольку мы передаем только три отдельных числовых значения (1, 2, 3) вместо одного объекта со свойствами и x( {x: 1, y: 2, z: 3}), и имеют значение по умолчанию .yzxyzundefined

126. Что на выходе?

function getFine ( скорость , количество ) {

const formattedSpeed = new Intl . NumberFormat ( 'en-US' , {

стиль : 'единица' ,

единица измерения : 'миля в час'

} ) . формат ( скорость ) ;

const formattedAmount = новый Intl . NumberFormat ( 'en-US' , {

стиль : 'валюта' ,

валюта : 'доллар США'

} ) . формат ( количество ) ;

return `Водитель проехал ${ formatedSpeed } и должен заплатить ${ formatedAmount } ` ;

}

консоль . журнал ( getFine ( 130 , 300 ) )

A: Водитель проехал 130 и должен заплатить 300.
B: Водитель ехал со скоростью 130 миль в час и должен заплатить 300 долларов.
C: Водитель вел undefined и должен заплатить undefined
D: Водитель проехал 130.00 и должен заплатить 300.00

Отвечать

Ответ: Б

С помощью этого Intl.NumberFormatметода мы можем форматировать числовые значения для любой локали. Мы форматируем числовое значение 130для en-USязыкового стандарта как unitin mile-per-hour, что приводит к 130 mph. Числовое значение 300языкового en-USстандарта в виде currencyin USDприводит к $300.00.

127. Что на выходе?

const spookyItems = [ '👻' , '🎃' , '🕸' ] ;

( { пункт : spookyItems [ 3 ] } = { элемент : '💀' } ) ;

консоль . журнал ( жуткие предметы ) ;

А: ["👻", "🎃", "🕸"]
Б: ["👻", "🎃", "🕸", "💀"]
С: ["👻", "🎃", "🕸", { item: "💀" }]
Д: ["👻", "🎃", "🕸", "[object Object]"]

Отвечать

Ответ: Б

Деструктурируя объекты, мы можем распаковать значения из правого объекта и присвоить неупакованное значение значению того же имени свойства в левом объекте. В этом случае мы присваиваем значение “” на spookyItems[3]. Это означает, что мы изменяем spookyItemsмассив, мы добавляем “” к нему. При регистрации spookyItemsрегистрируется ["👻", "🎃", "🕸", "💀"].

128. Что на выходе?

const name = 'Лидия Халли' ;

постоянный возраст = 21 ;

консоль . log ( Число.isNaN ( имя ) ) ; _ _ консоль . log ( Число.isNaN ( возраст ) ) ; _ _

консоль . журнал ( isNaN ( имя ) ) ;

консоль . log ( isNaN ( возраст ) ) ;

А: true false true false
Б: true false false false
С: false false true false
Д: false true false true

Отвечать

Ответ: С

С помощью этого Number.isNaNметода вы можете проверить, является ли переданное вами значение числовым значением и равным NaN. nameне является числовым значением, поэтому Number.isNaN(name)возвращает false. ageявляется числовым значением, но не равно NaN, поэтому Number.isNaN(age)возвращает false.

С помощью этого isNaNметода вы можете проверить, не является ли переданное вами значение числом. nameне является числом, поэтому isNaN(name)возвращает true. ageявляется числом, поэтому isNaN(age)возвращает false.

129. Что на выходе?

константное случайное значение = 21 ;

функция getInfo ( ) {

консоль . журнал ( тип случайного значения ) ;

const randomValue = 'Лидия Холли' ;

}

получитьинформацию ( ) ;

А: "number"
Б: "string"
С: undefined
Д: ReferenceError

Отвечать

Ответ: Д

На переменные, объявленные с помощью constключевого слова, нельзя ссылаться до их инициализации: это называется временной мертвой зоной . В getInfoфункции переменная randomValueограничена функциональной областью getInfo. В строке, где мы хотим зарегистрировать значение typeof randomValue, переменная randomValueеще не инициализирована: выдается a ReferenceError! Движок не спускался по цепочке областей видимости, так как мы объявили переменную randomValueв getInfoфункции.

130. Что на выходе?

const myPromise = Обещание . resolve ( 'Вау, классные данные' ) ;

( async ( ) => {

try {

console .log ( await myPromise ) ; } catch { throw new Error ( `Ой, не сработало` ) ] } finally { console .log ( ' О , наконец!' ) ; } } ) ( ) ;

А: Woah some cool data
Б: Oh finally!
С: Woah some cool data Oh finally!
Д: Oops didn't work Oh finally!

Отвечать

Ответ: С

В tryблоке мы записываем ожидаемое значение myPromiseпеременной: "Woah some cool data". Поскольку в блоке не возникало ошибок try, код в catchблоке не запускается. Код в finallyблоке всегда запускается, "Oh finally!"регистрируется.

131. Что на выходе?

const emojis = [ '🥑' , [ '✨' , '✨' , [ '🍕' , '🍕' ] ] ] ;

консоль . журнал ( смайлики . плоский ( 1 ) ) ;

А: ['🥑', ['✨', '✨', ['🍕', '🍕']]]
Б: ['🥑', '✨', '✨', ['🍕', '🍕']]
С: ['🥑', ['✨', '✨', '🍕', '🍕']]
Д: ['🥑', '✨', '✨', '🍕', '🍕']

Отвечать

Ответ: Б

С помощью этого flatметода мы можем создать новый сглаженный массив. Глубина сглаженного массива зависит от значения, которое мы передаем. В этом случае мы передали значение 1(которое нам не нужно было делать, это значение по умолчанию), означающее, что будут объединены только массивы на первой глубине. ['🥑']и ['✨', '✨', ['🍕', '🍕']]в этом случае. Объединение этих двух массивов приводит к ['🥑', '✨', '✨', ['🍕', '🍕']].

132. Что на выходе?

класс счетчик {

конструктор ( ) {

это . количество = 0 ;

}

приращение ( ) {

это . считать ++ ;

}

const counterOne = новый счетчик ( ) ;

счетчикОдин . приращение ( ) ;

константа counterTwo = counterOne ;

счетчикДва . приращение ( ) ;

консоль . лог ( счетчикОдин.количество ) ; _ _

А: 0
Б: 1
С: 2
Д: 3

Отвечать

Ответ: Д

counterOneявляется экземпляром Counterкласса. Класс счетчика содержит countсвойство конструктора и incrementметод. Во-первых, мы incrementдважды вызвали метод, вызвав counterOne.increment(). В настоящее время counterOne.countесть 2.

Затем мы создаем новую переменную counterTwoи устанавливаем ее равной counterOne. Поскольку объекты взаимодействуют по ссылке, мы просто создаем новую ссылку на то же место в памяти, counterOneна которое указывает. Поскольку он имеет то же место в памяти, любые изменения, внесенные в объект, на который counterTwoесть ссылка, также применяются к counterOne. В настоящее время counterTwo.countесть 2.

Мы вызываем counterTwo.increment(), который устанавливает countзначение 3. Затем мы регистрируем счетчик на counterOne, который регистрирует 3.

133. Что на выходе?

const myPromise = Обещание . разрешить ( Обещание . Решение ( 'Обещание' ) ) ;

function funcOne ( ) {

setTimeout ( ( ) => console . log ( 'Тайм-аут 1!' ) , 0 ) ;

мое обещание . затем ( рез => рез ) . then ( res => console .log ( ` $ { res } 1!` ) ) ) ; консоль . log ( 'Последняя строка 1!' ) ; }

асинхронная функция funcTwo ( ) {

const res = await myPromise ;

консоль . log ( ` ${ res } 2!` )

setTimeout ( ( ) => console.log ( ' Timeout 2!' ) , 0 ) ; консоль . log ( 'Последняя строка 2!' ) ; }

Вопросы с ответами по JavaScript для подготовки к собеседованию

Ресурсы для разработчиков интерфейса 2022

8 полезных компонентов библиотеки React для разработчиков

1. Что на выходе?

Ответ: Д

2. Что на выходе?

Ответ: С

3. Что на выходе?

Ответ: Б

4. Что на выходе?

Ответ: А

5. Какой из них верный?

Ответ: А

6. Что на выходе?

Ответ: А

7. Что на выходе?

Ответ: С

8. Что на выходе?

Ответ: Д

9. Что на выходе?

Ответ: А

10. Что происходит, когда мы это делаем?

Ответ: А

11. Что на выходе?

Ответ: А

12. Что на выходе?

Ответ: А

13. Какие три фазы распространения события?

Ответ: Д

14. Все объекты имеют прототипы.

Ответ: Б

15. Что на выходе?

Ответ: С

16. Что на выходе?

Ответ: С

17. Что на выходе?

Ответ: Б

18. Что на выходе?

Ответ: С

19. Что на выходе?

Ответ: С

20. Что на выходе?

Ответ: С

21. Какова ценность sum ?

Ответ: А

22. Как долго будет доступен cool_secret?

Ответ: Б

23. Что на выходе?

Ответ: Б

24. Что на выходе?

Ответ: С

25. Что на выходе?

Ответ: С

26. Глобальный контекст выполнения JavaScript создает для вас две вещи: глобальный объект и ключевое слово this.

Ответ: А

27. Что на выходе?

Ответ: С

28. Что на выходе?

Ответ: А

29. Что на выходе?

Ответ: Б

30. Что на выходе?

Ответ: Б

31. Что такое event.target при нажатии на кнопку?

Ответ: С

32. Когда вы щелкаете по абзацу, что выводится в журнале?

Ответ: А

33. Что на выходе?

Ответ: Д

34. Что на выходе?

Ответ: Б

35. Какие из этих значений ложны?

Ответ: А

36. Что на выходе?

Ответ: Б

37. Что на выходе?

Ответ: С

38. Что на выходе?

Ответ: А

39. Все в JavaScript либо…

21. Какова ценность `sum` ?

42. Что `setInterval`метод возвращает в браузере?

46. Что на выходе?

49. Каково значение `num`?

66. С помощью какого конструктора мы можем успешно расширить `Dog`класс?