집 >웹 프론트엔드 >JS 튜토리얼 >모든 JavaScript 개발자가 알아야 할 10가지 개념

모든 JavaScript 개발자가 알아야 할 10가지 개념

小云云원래의: 2017-12-05 10:45:251379검색

현재 많은 사람들이 JavaScript와 웹 개발을 배우고 있으며 이를 기반으로 취업을 희망하고 있습니다. 그러나 자율 학습으로 인해 학습자는 JavaScript 언어 자체를 이해하는 데 있어 지식 사각지대에 빠지는 경우가 많습니다.

사실 복잡한 웹 페이지를 만들기 위해 언어에 대한 지식이 거의 필요하지 않다는 것은 놀라운 일이지만, 이는 일반적으로 JavaScript의 기본을 잘 익히는 것을 허용하지 않습니다.

기본적인 기술을 사용하면 기능을 구현하고 복잡한 요구 사항을 피하는 것이 매우 쉽고, 복사된 코드를 이해하지 않고도 Stack Overflow에 의존하여 웹 사이트를 만드는 것도 매우 쉽습니다.

Interview

하지만 문제는 많은 기술 회사들이 인터뷰에서 질문을 할 때 그 목적은 실제로 JavaScript를 이해하고 있는지 테스트하는 것입니다. 지원자가 언어에 대한 깊은 이해가 아닌 JavaScript에 대한 피상적인 지식만 가지고 있으면 면접관은 무슨 일이 일어나고 있는지 빨리 이해할 것입니다.

다음은 웹 개발 인터뷰에 사용되는 몇 가지 일반적인 개념입니다. 물론, 여러분이 루프, 함수, 콜백 등의 기본 개념을 이미 잘 알고 있다고 가정합니다.

개념

1. 원래 값과 참조 값(값 대 참조)

객체, 배열 및 함수가 어떻게 복사되어 함수로 전달되는지 이해합니다. 참조 값이 복사되는 것을 이해하고 값을 복사하여 원래 값이 복사되고 전달된다는 것을 이해합니다.

2. 범위

전역 범위, 함수 범위, 블록 수준 범위의 차이점을 이해하세요. 변수를 사용할 수 있는 위치를 이해하고 JavaScript 엔진이 변수 조회를 수행하는 방법을 이해합니다.

3. 호이스팅

변수와 함수의 선언은 선언된 컨텍스트, 즉 변수 범위 내에서 호이스팅된다는 점을 인식하세요. 범위의 상단에 있지만 변수 초기화 순서는 변경되지 않습니다. 함수 표현식은 승격되지 않습니다.

4. 클로저

함수가 그 안에 생성된 필드에 대한 액세스를 유지한다는 것을 인식하면 데이터 숨기기, 메모 및 동적 함수 생성과 같은 작업을 수행할 수 있습니다.

5. this

이 바인딩의 규칙을 이해하세요. 그것이 어떻게 작동하는지 알고, 함수에서 그것이 무엇인지 결정하는 방법을 알고, 그것이 유용한 이유를 인식하십시오.

6. new

객체 지향 프로그래밍과 어떤 관련이 있는지 알아보세요. new를 통해 호출된 함수에 어떤 일이 발생하는지 이해합니다. new를 사용하여 함수의 프로토타입 속성에서 를 상속하는 객체가 생성되는 방식을 이해합니다.

7. 적용, 호출, 바인딩

이러한 기능의 작동 방식과 사용 방법을 이해하세요. 그들이 무엇을 하는지 이해하세요.

8. 프로토타입 및 상속

JavaScript의 상속은 [[Prototype]] 체인을 통해 작동한다는 것을 이해하세요. 함수와 객체를 통해 상속이 어떻게 설정되는지, 그리고 new가 이를 달성하는 데 어떻게 도움이 되는지 이해하세요. __proto__ 및 프로토타입 속성이 무엇이고 어떤 역할을 하는지 알아보세요.

9. 비동기 JS(Asynchronous JS)

이벤트 루프와 브라우저가 사용자 입력, 웹 요청 및 일반 이벤트를 처리하는 방법을 이해합니다. 비동기 코드를 인식하고 올바르게 구현하는 방법을 알아보세요. JavaScript에서 비동기 및 단일 스레드가 무엇인지 이해합니다. .

10. 고차 함수

이러한 함수는 JavaScript의 일급 개체이며 이것이 의미하는 바가 무엇인지, 그리고 다른 함수에서 함수를 반환하는 것이 완벽하게 합법적이라는 점을 이해하세요. 클로저와 고차 함수 기술을 이해하면 사용할 수 있습니다.

추가할 내용이 있나요? 댓글란에 모두와 공유하세요~

위 내용은 10명의 JavaScript 개발자가 알아야 할 개념입니다.