20개의 JavaScript 면접 질문과 답안

며칠 전에 너는 인터넷 개발자 일을 신청했다.면접이 준비되어 있어서 자바스크립트에 대한 이해가 부족할까 봐 걱정입니다.
만약 그렇다면, 너는 정말 운이 좋다.만약 없다면, 당신은 여전히 장래에 참가할 어떤 면접을 위해 정보를 얻을 것이다.
다음은 JavaScript에서 자주 묻는 20가지 질문과 해당 질문에 대한 답변입니다.

JavaScript 소개

솔직히 말하면, 너는 이것이 매우 간단한 문제라고 생각할 수도 있다.그러나 잠재적인 사장에게 자바스크립트가 무엇인지 설명하려 할 때, 자신의 서투름에 놀랄 수도 있다.JavaScript는 웹 사이트와 웹 응용 프로그램에서 프로그램을 작성하는 데 사용되는 언어입니다.

DOM 소개

문서 객체 모델(DOM)은 웹 페이지와 모든 요소의 트리 모양이 위에서 아래로 표시됩니다.

DOM 작업에 사용되는 JavaScript 방법 5가지를 설명하고 사용 방법 설명

createElement(): 이 방법은 웹 페이지에 새 HTML 요소를 만듭니다.생성하려는 요소의 이름은 매개변수 하나만 적용됩니다.

querySelector(): 이 메서드는 모든 CSS 선택기의 대상 요소를 기반으로 합니다.항상 하나 이상의 CSS 선택기와 일치하는 첫 번째 요소를 반환합니다.그것은 선택기를 매개 변수로 한다.

querySelectorAll():querySelector는 일치하는 첫 번째 사례만 되돌려주지만, 이 방법은 하나 이상의 CSS 선택기와 일치하는 모든 요소를 되돌려줍니다.요소는 노드 목록에서 반환됩니다. 이 목록은 JavaScript 객체와 유사합니다.

getElementById(): 말 그대로 이 방법은 원소의 유일한 id 속성을 바탕으로 원소를 가져옵니다.

addeventListener(): 이 방법은 DOM에 이벤트 탐지기를 추가하는 요소입니다.그것은 함수를 부가 매개 변수로 한다.set 이벤트가 이 요소를 터치하면 리셋 함수가 실행됩니다.

변수란?

모든 프로그래밍 언어는 데이터를 처리하는데 변수는 데이터의 용기일 뿐이다.변수에 할당된 데이터는 값이 됩니다.

var variable = value

JavaScript의 변수 선언 정의 및 해석

JavaScript에서 var, let 및 const의 차이점:
변량

전체 범위

함수 내의 변수를 정의할 때 이 변수는 이 함수

밖에서 접근할 수 없습니다

재배치 가능

블록 범위가 아님

콘스트

불변/불변의 값을 저장하는 데 사용됩니다.

전체 범위가 아님

함수 내의 변수를 정의할 때 이 변수는 이 함수

밖에서 접근할 수 없습니다

그것은 블록 범위의 것이다.즉if 조건과 for 순환 같은 블록 외에는 접근할 수 없습니다.

양보하다

전체 범위가 아님

재배치 가능

함수 내의 변수를 정의할 때 이 변수는 이 함수

밖에서 접근할 수 없습니다

그것은 블록 범위의 것이다.

N/B: If you're interested in learning more about modern JavaScript, I'll recommend HTML To React,: The Ultimate Guide by Sleepless Yogi

비동기 프로그래밍이란?

비동기 프로그래밍의 원칙은 코드를 즉시/순서대로 실행하는 것이 아니라 잠시 후에 실행하는 것이다.이것은 리셋, 승낙, 기타 비동기 모델을 통해 실현된 것이다.

전 세계 범위 경계와 현지 범위 경계를 해석하다

글로벌 변수는 스크립트의 모든 위치에서 액세스할 수 있습니다.

다른 한편, 국부 변수는 함수 범위를 가지고 있다.이것은 함수에 정의된 변수가 이 함수 이외에 접근할 수 없다는 것을 의미한다.

노드라니요?js랑 뭐 해요?

노드js는 플랫폼을 뛰어넘는 백엔드 자바스크립트가 실행될 때 V8 엔진에서 실행되며 자바스크립트 코드를 실행하는 데 사용됩니다.이전에는 JavaScript가 브라우저에서만 실행되었음을 기억하십시오.다른 환경에서는 JavaScript를 실행할 수 없습니다.하지만 노드가 오면서이제 웹 브라우저 독립적인 웹 서버에서 JavaScript를 실행할 수 있습니다.

JavaScript의 모든 데이터 유형을 나열합니다.

문자열

번호

부울 값

비어 있음

객체

정의되지 않음

(ES6)

기호

카레

curry는 여러 개의 매개 변수가 필요한 함수를 얻고 한 개의 매개 변수만 포함하는 일련의 함수를 되돌려받을 때 이런 기술이 발생하는 기술이다

const program = { 
name: 'Presenting Research', 
room: '415', 
hours: '3 - 6', 
}; 
const exhibit = { 
name: 'Emerging Scholarship', 
contact: 'Dyan', 
}; 

const setStrongHallProgram = program => { 
const defaults = { 
hours: '6 a.m. - 6 p.m.', 
address: 'jally Ave', 
name: 'kingsley', 
phone: '555-555-5555' 
} 
return { ...defaults, ...program} 
} 
const programs = setStrongHallProgram(program); 
const exhibit = setStrongHallProgram(exhibit);

모든 그룹 교체기 방법을 열거하고 설명합니다

Map (): 이 방법은 그룹을 반복해서 반복하고 항상 그룹을 되돌려줍니다.그리고 그룹의 모든 항목에 적용될 동작을 정의할 수 있습니다.예를 들어, 수조의 모든 숫자가 2로 나누어졌다고 말할 수 있다.
filter (): 이 방법은 하나의 그룹 집합을 순환하고 필터 조건에 따라 다른 그룹을 되돌려줍니다.예를 들어 50세 이하의 나이만 필터해야 하며 50세 이상의 모든 숫자를 포함하지 않아야 한다.
find (): 이것은 Filter ()와 매우 비슷합니다.주요 차이점은 이 방법은 조건과 일치하는 첫 번째 실례만 되돌려준다는 것이다.이후의 매 경기는 모두 소홀히 될 것이다.
sort (): 이 방법은 한 그룹을 순환해서 다시 정렬한 그룹을 되돌려줍니다.새 주문서는 규정된 조건을 기초로 한다.예를 들어, 모든 이름을 알파벳순으로 정렬하거나 오름차순 또는 내림차순으로 정렬할 수 있습니다.
forEach (): 이 방법은 그룹에서 순환하고 그 중의 모든 항목에 대해 일치된 작업을 수행합니다.새 배열을 반환하지 않습니다.
reduce (): 이 방법은 그룹을 새로운 그룹으로 변환하고 근본적인 변경을 하는 데 사용됩니다.

ES6에서 알고 있는 5가지 새로운 기능을 열거합니다

JavaScript 클래스

화살표 기능

변수 성명에 let과const 키워드를 도입합니다.

for/of 순환.

기본 매개변수

휴식과 노점 운영자

반응

React는 모듈화되고 복구 가능한 UI 구성 요소, 예를 들어 단추와 한 페이지 응용 프로그램을 구축하는 데 사용되는 현대적이고 고집스러운 자바스크립트 라이브러리입니다.React 는 가상 DOM 을 활용합니다.

가상 DOM 소개

가상 DOM은 React와 Vue 같은 선언적인 웹 프레임워크에서 사용되는 DOM의 경량급 자바스크립트 표현이다.js.가상 DOM을 업데이트하는 것은 화면에 어떤 내용도 렌더링할 필요가 없기 때문에 실제 DOM을 업데이트하는 것보다 상대적으로 빠르다.

수업이 뭐야?정의류의 전형적인 문법을 작성하다

클래스는 대상의 청사진이다.예를 들어, 당신은 건축 평면도를 하나의 종류로 간주하고, 이 평면도에서 얻은 최종 건축을 하나의 대상으로 간주할 수 있습니다.건축 평면도에는 색깔, 사용하는 가구 종류 등 속성이 없습니다. 모든 속성은 건축물을 건설할 때 제공되며, 건축물이 목표입니다.

class Rectangle {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
  // Getter
  get area() {
    return this.calcArea();
  }
  // Method
  calcArea() {
    return this.height * this.width;
  }
}

무엇이 물체입니까

하나의 종류가 실례화될 때 하나의 대상을 구성할 것이다.대상은 이름:값 대 속성이 있는 데이터 구조입니다.

arrow 함수와 명명 함수 구분

namedFunction() {
  console.log("this is a named function")
}

() => {
console.log("This is an arrow function")
}

도서관 소개

라이브러리는 코드/모듈로 구성되어 있으며 다른 프로그램으로 가져와 특정한 작업을 수행할 수 있습니다.
lodash는 프로그래밍에서 흔히 볼 수 있는 작업, 예를 들어 정렬 등 실용 함수를 포함하는 예이다.

Typescript란 무엇입니까? 언제 사용해야 합니까?

Typescript는 JavaScript의 하이퍼집합입니다.JavaScript의 모든 구문과 일부 추가 기능이 포함되어 있습니다.유형 검사 메커니즘이 있는 강력한 유형 JavaScript를 작성하는 데 사용됩니다.

파인애플 하나 사주세요.😋

네!만약 네가 이 문장을 좋아한다면, 나는 네가 나에게 내가 가장 좋아하는 과일을 사 준 것에 감사할 것이다.

감사합니다!
곧 당신을 만날 것을 기대합니다!