Front-End 면접 질문

Higer-order function(고차함수는?)

: 다른함수를 참고하여, 데이터와 결과를 반환하는 함수. ex> map

const names = ['irish', 'daisy', 'anna']

// 일반 방법
const transformNamesToUppercase = function(names) {
  const results = [];
  for (let i = 0; i < names.length; i++) {
    results.push(names[i].toUpperCase());
  }
  return results;
};
transformNamesToUppercase(names); // ['IRISH', 'DAISY', 'ANNA']

//고차 함수로 변형
const transformNamesToUppercase = function(names) {
  return names.map( name = > name.toUpperCase();)
};

디스트럭쳐링? 

// 변수 할당.
//es5
const foo = ['one', 'two', 'three']

//es6
const [one, two, three] = foo

console.log(one) // "one"
console.log(two) // "two"
console.log(three) // "three"

// 변수 할당.
//es6
const o = { p: 42, q: true }
const { p, q } = o

console.log(p) // 42
console.log(q) // true

이벤트 위임

Listenser는 DOM의 event bubbling으로 인해 하위 요소에서 이벤트가 발생될때마다 실행됩니다

하위항목에 이벤트를 달지 않으므로, 메모리 사용공간을 줄입니다.

 

javascript의 this

• new 키워드 호출할때, this는 완전히 새로운 객체
• apply,call,bind가 함수 호출/생성헤 사용되는 경우, this는 인수로 전달된 객체
• this 전역객체. window 객체입니다. `use strict` 일 경우, this는 undefined가 됨.
• arrow 함수 인 경우, 모든 규칙 무시되고 주변 Scope 주위의 this 값을 받음.

Single page app

 

호이스팅

코드에서 변수 선언의 동작을 설명하는데 사용되는 용어 입니다.

var 키워드로 선언되거나 초기화된 변수는 현재 스코프의 최상위까지 옮겨집니다. 

선언은 실제로 이동되지 않고, 단지 javasciprt 엔진은 컴파일 중에 선언을 파싱하고 선언과 해당 스코프를 인식 합니다.

 

함수 선언은 함수 몸체가 호이스팅 되는 반면, 변수 선언 형태로 작성된 함수 표현식은 변수 선언만 호이스팅 됩니다.

 

event bubbling?

DOM 요소에서 이벤트가 트리거되면 리스너가 연결되어 있는 경우, 이벤트 처리를 시도한 다음, 해당 이벤트가 부모에게 bubbling되고 부모에서 같은 이벤트가 발생합니다.

 

attribute와 property 차이점

attribute는 html 마크업에 정의되고, property는 DOM에 정의 됩니다. 

 

==와 ===의 차이점

== 추상 동등 연산자, 이고 === 완전 동등 연산자 이다. 

피연산자가 서로 다른 타입이면 타입을 강제 변환하여, 비교한다. 전자 보다는 후자가 엄격한 비교와 유형변환 비교를 한다.  == 연산자를 사용하지 않도로 하고, 대신 직접 자료형을 반환하여 보다 코드 가독성을 높이도록 합니다.