Вопросы на собеседование по JavaScript c ответами

Ниже представлены вопросы по теме Javascript (источник), которые часто задают на собеседовании. Прочитав вопрос, постарайтесь ответить на него так, как бы вы сделали это во время своего интервью. Под вопросом вы найдете ответ и ссылку на источники раскрывающие тему подробнее.

1) Опишите приём делегирования событий в JS.

2) Опишите, как работает this в JavaScript? Приведите пример того, как работа с this изменилась в ES6.

        
             function getName() {
                 return this.name;
             }
             
             var sally = { name: ‘Sally’};
             getName.call(sally); // Sally
             
             var megan = { name: ‘Megan’};
             getName.call(megan); // ‘Megan
         
     

        
             var getName = () => {
                 return this.name;
             }
             
             var sally = { name: 'Sally'};
             getName.call(sally); // undefined
         
     

3) Опишите, как работает прототипно-ориентированная модель наследования в JS.

4) В чем разница между значениями: null, undefined или undeclared? Как бы вы реализовали проверку на эти значения?

5) Что такое замыкание в JS, и как/для чего его используют?

6) Какие конструкции языка вы используете для перебора свойств объекта и элементов массива?

7) Опишите основное различие между методами Array.forEach () и Array.map (), в каких случая вы бы применили каждый из них?

8) Для чего используют анонимные функции в JS ?

9) В чем заключается различие между host objects и native objects ?

10) В чем заключается различие между Function Declaration и Function Expression в JavaScript?

        
             function sum(a, b) {
                 return a + b;
             }
         
     

        
             var sum = function(a, b) {
                 return a + b;
             }
         
     

        
             sum(2, 4);
 
             function sum(a, b) {
                 return a + b;
             }
         
     

11) Опишите, что делают Function.call и Function.apply. В чем заключается основное различие между ними ?

12) За что отвечает Function.prototype.bind ?

13) За что отвечают и в чем заключается различие между feature detection, feature inference и User Agent String ?

14) Что такое поднятие (hoisting) в javascript?

15) Что такое всплытие и погружение событий, в чем заключается разница между ними?

16) Каковы плюсы и минусы расширения встроенных объектов JavaScript?

17) Опишите разницу между == и === в JS ?

18) Опишите политику кросс-доменных ограничений (same-origin policy) в контексте JS?

19) Что такое Тернарный оператор, о чем говорит слово “тернарный” ?

20) Что такое strict режим в JS ? В чем его преимущества/недостатки ?

21) Каковы основные преимущества / недостатки написания кода на языке компилируемого в JavaScript?

22) В чем разница между mutable и immutable объектами? Приведите пример immutable объекта в JS.

23) Какие преимущества и недостатки неизменности (immutability) вы можете выделить?

24) Как вы можете достичь неизменности (immutability) в собственном коде?

25) Опишите разницу между синхронными и асинхронными функциями. 

26) Что такое цикл событий (event loop) в JS ? Какая разница между «стеком вызовов» (call stack) и «очередью задач» (task queue)?

27) В чем заключаются различия между переменными, созданными с помощью let, var или const?

28) В чем заключаются различия между классом ES6 и конструктором функций ES5?

29) Можете ли вы назвать случай в котором наиболее уместно применение стрелочной функции? Чем этот тип функций отличается от других?

30) Что такое функция высшего порядка?

31) Приведите пример деструктурирующего присвоения (destructuring assignment) объекта или массива

        
            var [firstItem] = arr;
        
    

32) Приведите пример генерации строки с помощью шаблонной строки ES6.

                
                    const variable = 'World!'
                    console.log(`Hello ${variable}`);
                    
            

33) Что такое каррирование в JS ?

34) Каковы преимущества использования spread syntax и чем он отличается от rest syntax? 

        
             let arr = ['one', 'two', 'three', 'four'];
             // деструктуризация тремя точками (rest)
             let [first, second, ...rest] = arr;
             console.log(first); // 'one'
             console.log(second); // 'two'
             console.log(rest); // ['three', 'four']
             // объединение тремя точками. Похожий синтаксис, но уже другое поведение
             const restored = [first, second, ...rest];
             console.log(restored) //['one', 'two', 'three', 'four'];