5 전형적인 JavaScript 인터뷰 연습

코어 포인트

일반적인 JavaScript 인터뷰 질문은 일반적으로 기본 메소드 생성, 홍보,

키워드 및 및

기능과 같은 주요 개념을 이해하는 데 중점을 둡니다.
• JavaScript에서는 함수의 컨텍스트와이를 호출하는 방법을 이해하는 것이 중요합니다. this 키워드는 컨텍스트를 나타냅니다. 이는 함수가 객체의 일부 또는 독립형 함수로 호출되는지 여부에 따라 다릅니다. call() JavaScript의 고도는 변수 및 기능이 격리 범위의 상단으로 이동하는 프로세스를 나타냅니다. 그러나 함수는 초기 값을 유지하지만 변수는 초기 값을 유지하지 않으며 초기에 apply()로 설정됩니다.
• JavaScript 개발자는 IT 분야에서 매우 인기가 있습니다. 이 역할이 당신의 지식을 가장 잘 반영한다면, 직업 회사를 바꾸고 급여를 늘릴 수있는 많은 기회가 있습니다. 그러나 회사가 고용하기 전에 인터뷰 과정을 통과하기 위해 기술을 보여 주어야합니다. 이 기사에서는 프론트 엔드 면접에서 5 가지 일반적인 시험 후보자 자바 스크립트 기술과 관련 솔루션을 보여 드리겠습니다. 이것은 재미있을 것입니다! this
질문 1 : 스코프
• 다음 코드를 고려하십시오 <code>undefined 콘솔은 무엇을 인쇄할까요?

답변

위의 코드는 5를 인쇄합니다. 이 문제의 속임수는 즉각적인 실행 함수 표현식 (IIFE)에는 두 가지 할당 문이 있지만

변수는 키워드 로 선언된다는 것입니다. 이것은 가 함수의 로컬 변수임을 의미합니다. 대신, 는 글로벌 범위에 할당됩니다. 이 문제의 또 다른 속임수는 함수 내에서 엄격한 패턴 ()을 사용하지 않는다는 것입니다. 엄격한 모드가 활성화되면 코드에 "

질문 2 : "기본"메소드를 만듭니다

(function() {
   var a = b = 5;
})();

console.log(b);

객체에서 a

함수를 정의하십시오. 이 함수는 정수를 수용하여 문자열을 반복 해야하는 횟수를 지정합니다. 이 함수는 지정된 숫자로 반복되는 문자열을 반환합니다. 예를 들면 :

를 인쇄해야합니다. <<> 답변

가능한 구현은 다음과 같습니다 a 이 질문은 개발자의 JavaScript 상속 및 <🎜 🎜> 속성에 대한 이해를 테스트합니다. 또한 개발자가 기본 데이터 유형의 기능을 확장 할 수 있는지 확인합니다 (수행하지 않아야 함). 여기서 또 다른 중요한 요점은 정의 된 덮어 쓰기 기능을 피하는 방법을 이해한다는 것을 증명하는 것입니다. 이 기능은 자신의 기능을 정의하기 전에 기능이 존재하지 않는지 테스트하여 수행됩니다. var 이 기술은 JavaScript 기능을 시뮬레이션하라는 요청을받을 때 특히 유용합니다. a<🎜 🎜> <<> 질문 3 : 개선

이 코드를 실행 한 결과는 무엇입니까? 왜?

<<> 답변

(function() {
   var a = b = 5;
})();

console.log(b);

이 코드의 결과는

및 <🎜 입니다. 그 이유는 변수와 함수가 모두 촉진되기 때문입니다 (함수의 상단으로 이동) 변수는 할당 된 값을 유지하지 않기 때문입니다. 따라서 변수를 인쇄 할 때는 <🎜 가 함수에 존재하지만 (선언 됨) 여전히

입니다. 다시 말해, 위의 코드는 다음 코드와 같습니다.

undefined 질문 4 : 2 JavaScript에서 어떻게 작동하는지 <🎜 a 다음 코드의 결과는 무엇입니까? 당신의 대답을 설명하십시오. undefined

(function() {
   'use strict';
   var a = window.b = 5;
})();

console.log(b);

<<> 답변

<<> 코드 프린트 this 및 <🎜 🎜>. 그 이유는 JavaScript에서 함수의 컨텍스트 ( 키워드를 참조하는)는 함수가 정의 된 방식이 아니라 기능을 어떻게 호출하는지에 달려 있기 때문입니다. 첫 번째

호출에서

는 <🎜 객체의 함수로 불립니다. 따라서 컨텍스트는 후자를 나타냅니다. 함수는 객체의

특성을 반환합니다. 반대로,

console.log('hello'.repeatify(3));

가 변수에 할당 될 때, 컨텍스트는 글로벌 객체 ()를 나타냅니다. 이것은

가 암시 적으로 글로벌 객체의 특성으로 설정되기 때문에 발생합니다. 따라서 함수는 라는 속성의 값을 리턴합니다.이 경우 코드 스 니펫의 첫 번째 줄에서 코드에 의해 설정된 값입니다. 질문 5 : 및

는 마지막 문제의 버그를 수정하여 마지막 문제가 인쇄되도록 버그를 수정했습니다.

Aurelio De Rosa 답변 John Doe this 이 문제는 함수의 컨텍스트를 강제하기 위해 또는 함수를 사용하여 수정할 수 있습니다. 당신이 그것들과 그들의 차이를 이해하지 못하면, 나는 당신이 "console.log()와 의 차이"라는 기사를 읽는 것이 좋습니다. 다음 코드에서는 getFullname()를 사용하지만이 경우 obj.prop는 동일한 결과를 생성합니다. fullname 결론 getFullname() test 이 기사에서는 인터뷰 중에 JavaScript 개발자를 테스트하는 데 사용되는 5 가지 일반적인 질문에 대해 논의합니다. 실제 질문은 인터뷰마다 다를 수 있지만, 다루는 개념과 주제는 종종 매우 유사합니다. 나는 당신이 재미 있고 당신의 지식을 테스트하기를 바랍니다. 인터뷰 중에 다른 흥미로운 질문을 받으면 언제든지 우리와 공유하십시오. 이것은 많은 개발자들에게 도움이 될 것입니다. window test faqs (faq) window fullname JavaScript 인코딩 인터뷰에서 어떤 일반적인 실수를 피해야합니까?

가장 일반적인 실수 중 하나는 인코딩을 시작하기 전에 문제를 완전히 이해하지 못하는 것입니다. 시간을내어 문제를 이해하고 필요한 경우 설명을 요청하십시오. 또 다른 실수는 에지 케이스가 고려되지 않는다는 것입니다. 항상 잠재적 인 가장자리 케이스와 코드가 어떻게 처리 할 것인지 고려하십시오. 또한 하드 코딩 된 값을 피하십시오. 솔루션은 제공된 예제뿐만 아니라 모든 입력에 대해 작동해야합니다. 마지막으로, 당신의 사고 과정을 전달하는 것을 잊지 마십시오. 면접관은 최종 솔루션뿐만 아니라 문제에 대한 솔루션에 관심이 있습니다.

JavaScript 인코딩 인터뷰를 준비하는 방법은 무엇입니까?

우선 JavaScript의 기본 지식을 철저히 이해해야합니다. 여기에는 클로저, 약속,

및 ES6 기능과 같은 개념을 이해하는 것이 포함됩니다. Leetcode, Hackerrank 및 Codewars와 같은 플랫폼에서 코딩 문제를 수행합니다. 또한 일반적인 JavaScript 인터뷰 질문을 읽고 직접 해결하십시오. 마지막으로 JavaScript의 기본 작업 원칙을 이해하십시오. 여기에는 이벤트 루프, 통화 스택 및 JavaScript의 비 블로킹 기능 이해가 포함됩니다. JavaScript의 폐쇄는 무엇이며 왜 중요한가?

JavaScript의 폐쇄는 부모 함수가 닫힌 경우에도 부모 범위에 액세스 할 수있는 함수입니다. 데이터 개인 정보를 활성화하고 기능 공장 및 모듈 패턴에 사용되기 때문에 중요합니다. 폐쇄를 이해하는 것은 JavaScript의 기본 부분이기 때문에 중요합니다.

JavaScript에서 "async/await"의 개념을 설명 할 수 있습니까?

JavaScript의 ""은 특수 키워드이며, 이는 함수를 호출하는 컨텍스트를 나타냅니다. 그 값은 함수 호출 방식에 따라 다릅니다. 전 세계 객체, 현재 함수에 의해 처리되고있는 객체, 생성자가 생성 한 객체 또는 , 메소드를 사용할 때 지정된 객체를 참조 할 수 있습니다. JavaScript는 비동기 작업을 어떻게 처리합니까?

JavaScript는 비동기 작업을 처리하기 위해 콜백, 약속 및

를 사용합니다. 콜백은 다른 기능에 대한 인수로 전달되는 함수이며 일부 작업이 완료된 후에 호출됩니다. 약속은 비동기 작업이 마침내 완료되거나 실패했음을 나타내는 대상입니다. 는 약속을위한 구문 설탕으로, 비동기 코드를 모양으로 만들고 동기 코드처럼 행동합니다.

JavaScript의 프로토 타입은 무엇입니까? JavaScript의 프로토 타입은 JavaScript 객체가 서로 기능을 상속하는 메커니즘입니다. JavaScript는 종종 프로토 타입 기반 언어라고하며 프로토 타입을 이해하는 것이 JavaScript를 이해하는 열쇠입니다. this JavaScript에서 ""의 차이점을 설명해 주시겠습니까? ""은 비교하기 전에 오페라를 동일한 유형으로 변환하는 느슨한 평등 연산자입니다. ""은 유형 변환을 수행하지 않는 엄격한 평등 연산자이며 오페라를 그대로 비교합니다.

JavaScript의 이벤트 루프는 무엇입니까? this 이벤트 루프는 콜 스택이 비어 있는지 지속적으로 확인하는 JavaScript 메커니즘입니다. 그렇다면 작업 대기열에서 첫 번째 작업을 수행하여 통화 스택으로 푸시합니다. JavaScript가 비 블로킹이되어 비동기 작업을 처리 할 수 ​​있습니다.

JavaScript 약속은 무엇입니까?

JavaScript의 약속은 비동기 조작이 마침내 완료되거나 실패했음을 나타내는 객체입니다. 그들은 세 상태 중 하나에있을 수 있습니다 : 대기, 완료 또는 거부. 약속은 콜백보다 비동기 작업을보다 유연한 방식으로 처리하는 데 사용됩니다.

일반적인 JavaScript 디자인 패턴은 무엇입니까? 일부 일반적인 JavaScript 설계 패턴에는 모듈 모드, 프로토 타입 모드, 관찰 모드 및 싱글 톤 모드가 포함됩니다. 이러한 패턴을 이해하면보다 효율적이고 유지 관리가 쉽고 확장 가능한 코드를 작성하는 데 도움이 될 수 있습니다.

위 내용은 5 전형적인 JavaScript 인터뷰 연습의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!