프론트개발자 면접 준비/ 공부 5

Coding Questions:

Question: What is the value of foo?

var foo = 10 + '20';

형변환 (자바에서는 casting이라고 하던데) 에 대한 질문이다. 답은 1020이다.

숫자는 문자열을 만나면 문자열로 변하게 된다. 문자열을 숫자로 변환하고 싶다면 따로 파싱해주는 메소드를 사용해야 한다. 

Question: How would you make this work?

add(2, 5); // 7
add(2)(5); // 7

function add(operand1, operand2) {

    let memo;

    if (operand1 && typeof operand1 === 'number') {

        if (operand2 && typeof operand2 === 'number') {

            memo = operand1 + operand2;

            console.log(memo);

        } else {

            memo = operand1;

        }

    }

    return function addResult(operand) {

        if (operand && typeof operand === 'number') {

            memo += operand;

            console.log(memo);

        }

    };

}

음... 좀 지저분하게 느껴지는건 왜일까. 

(a, b)=>b?a+b:c=>a+c; 

페이스북 그룹에 문의를 했더니 이런 코드를 알려주셨다. 콘솔에 찍는게 목적이라 생각해서 거기에 집착을 했는데, 이렇게 간결하게 표현할 수 도 있구나. let을 쓸거면 처음부터 ES6 스럽게 짜보라고 한다. 

새롭게 배운것은 함수가 화살표함수로 계속 이어져 있으면서 그 매개변수로 들어있는 것을 언제든지 쓸 수 있다는 표현인거 같다. 짧은 한줄이지만 강력하게 배웠다. 

커링에 대해서도 정리해야겠다. 

Question: What value is returned from the following statement?

"i'm a lasagna hog".split("").reverse().join("");

책보고 해바야겠다. 

Question: What is the value of window.foo?

( window.foo || ( window.foo = "bar" ) );

bar 가 나올 것이다.  window 에 따로 foo 속성을 정의한적이 없기때문에 바로 뒤에 있는 코드가 실행되서 foo속성이 주어지고 "bar"  값이 할당 될것이다. 

Question: What is the outcome of the two alerts below?

var foo = "Hello";
(function() {
  var bar = " World";
  alert(foo + bar);
})();
alert(foo + bar);

첫번째는 Hello World

두번째는 에러가 난다. bar가 존재하지 않기때문이다. undefined 값도 할당되지 않는다. 변수 자체가 존재하지 않기때문. 

 IIEF 즉시실행함수는 변수를 사용하고 바로 폐기처분해버리는 성질이 있다. 

Question: What is the value of foo.length?

var foo = [];
foo.push(1);
foo.push(2);

2

Question: What is the value of foo.x?

var foo = {n: 1};
var bar = foo;
foo.x = foo = {n: 2};

자기자신인 객체가 들어갈 것 같은데. {n:2}

Question: What does the following code print?

console.log('one');
setTimeout(function() {
  console.log('two');
}, 0);
console.log('three');

이 문제는 이벤트 루프하면서 배웠다. one three two 순으로 찍힌다. 

단일호출스택에 차례대로 쌓이지만 setTimeOut 함수안에들어간 

콜백함수는 곧장 실행되지 않고 4ms 뒤에 실행된다. 그리고 바로 호출스택에 들어가지 못하고

테스크 큐를 거쳐서 이벤트 루프에게 호출된다음에 실행이된다.