Yeah, that's nori and it's delicious

Задачки для собеседования на фронтендера

24 октября 2018, 16:02

Эти задачи встречаются довольно часто. Рекомендую обращать внимание не на решения, а на то как объясняется происходящее.

Что выведет консоль?

var b = {}; 
var c; 

b.b = 1; 
c = b; 
c.b = 2; 

console.log(b.b); // ? 
console.log(c.b); // ?

var i = 10; 
var array = []; 

while (i--) { 
  array.push(function() { 
    return i + i; 
  }); 
} 

console.log([ 
  array[0](), 
  array[1](), 
])
let x, { x: y = 1 } = { x }; y;
console.log(x, y);

Напишите функцию

console.log(sum(2)(3)) // 5
console.log(sum(2,3)) // 5

Напишите функцию, которая делает копию объекта

Напишите функцию, аналогичную методу Array.prototype.reduce()

Есть связанный список. Напишите функцию, которая его переворачивает задом наперёд

Полезные на практике

class Storage {
    // ?
}

const StorageInst = new Storage();

StorageInst.push(1).push(2).export() // [1,2]

function huff(src) {
    return ;
}

huff('AABCCCDD'); // '2AB3C2D

Синтетические задачи, оторванные от реальной жизни:

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

// как сделать чтобы результат был положительный?
console.log((a == 1) && (a == 2) && (a == 3)) // true

var y = 5;
var x = function(){
    return y;
};
var z = function(t){
    var y = 10;
    return t();
};
console.log(z(x));

(function(x, f = () => x) {
    var x;
    var y = x;
    x = 2;
    return [x, y, f()];
})(1);

/*
 * Complete the 'ItemCollector' class below.
 * The print function will return a comma separated list of the brands.
 * You have to make the print function work by only modifying the class.
 */

class ItemCollector {
  get items() {
    return ["Apple", "Orange", "Grapes", "Watermelon"];
  }
  // Write your code here


  // End of your code  
  constructor() {
    return this;
  }
}

function print() {
    return Array.from(new ItemCollector()).join(",");
}

Напишите функцию аналогичную JSON.stringify()

Иньекция зависимостей в компонентах Вью: способы решения.

Библиотека компонентов и возможные проблемы

Что делать когда переиспользуемый компонент нужно модифицировать в зависимости от места

Передача состояний между компонентами?

Популярное