JavaScript는 내장 함수를 허용하고, 함수를 데이터로 사용할 수 있도록 하며, 함수 어휘 범위 내에서 기존 객체 지향 언어와 놀라운 차이를 만들어낼 수 있습니다.
우선 JavaScript 함수는 동적으로 범위가 지정되지 않고 어휘적으로 범위가 지정됩니다. 따라서 함수는 실행되는 범위가 아닌 정의된 범위에서 실행되므로 중첩된 경우를 이해하기 쉽습니다. 함수와 그 주변 함수는 동일한 어휘 범위에서 정의됩니다. 예를 들어 다음과 같은 매우 평범한 코드는 다음과 같습니다.
var x = 'global';
function f () {
var x = 'local';
function g() {
alert(x); ();
}
f(); // 'local'
f()가 호출되면 호출을 포함하여 두 부분으로 구성된 것으로 이해될 수 있습니다. f 객체의 다음 전역 객체가 옵니다. 이때, x의 값을 검색할 때에는 f의 호출 객체부터 먼저 검색하게 되며, 찾지 못하면 후속 전역 객체에서 x를 검색하게 된다. 마찬가지로 g는 f의 중첩 함수이므로 g가 호출될 때 범위 체인은 g의 호출 개체, f의 호출 개체, 전역 개체의 세 부분으로 구성되어야 합니다. 함수 g는 x 값을 출력하므로 먼저 g의 호출 개체에서 x 값을 검색합니다. 그런 다음 주변 f 호출 개체에서 x의 정의를 검색합니다. x='local'을 찾으면 전역 개체를 계속 검색하는 대신 x를 출력합니다. x 값이 f에 정의되어 있지 않으면 범위 체인 뒤에 있는 전역 개체를 계속 검색하고 결과는 전역이 됩니다. 전역 객체에 정의되어 있지 않으면 당연히 정의되지 않습니다.
다음으로 클로저가 외부 변수 값을 메모리에 저장할 수 있는 이유를 이해하는 데 도움이 될 수 있는 평범한 예를 살펴보겠습니다.
}
var a = [makeFunc(0), makeFunc(1), makeFunc(2)]
alert(a[0]()); >alert( a[1]());
alert(a[2]());
실행 결과는 0,1,2 입니다. 또한 어휘 범위의 엄격한 일반 동작입니다. 각 makeFunc 호출이 완료된 후 해당 호출 개체는 범위 체인에서 제거되고 더 이상 이에 대한 참조가 없으며 결국 가비지 수집을 통해 완료됩니다. 좀 더 자세히 말하자면 이렇게 이해할 수 있습니다.
makeFunc가 호출될 때마다 호출 개체가 생성되어 범위 체인에 배치됩니다. makeFunc 함수의 경우 호출 개체에는 속성이 포함되어 있습니다. 함수가 실행되면 호출 개체가 생성되어 범위 체인에 배치됩니다. 익명 함수의 호출 객체이므로 주변 함수를 참조합니다. makeFunc의 호출 객체(액세스) 호출 객체에 x가 포함되어 있으므로 x도 소멸될 때 소멸됩니다. 저장되지 않습니다.
}
var a = [ makeFunc(), makeFunc(), makeFunc()];
alert(a[0]())
alert(a[1]()); );
이제 x는 전역 변수이고 실행 결과는 0, 1, 2이지만 이 결과는 위와 다소 다릅니다. 다음으로, 이러한 결과가 나온 이유를 스코프 체인의 관점에서 이해하겠습니다.
마찬가지로 makeFunc가 호출될 때마다 내부 중첩 함수에 대한 참조를 반환하므로 호출 개체를 범위 체인에 생성하므로 내부 중첩 함수가 실행되기 시작하고 중첩 함수에 대한 호출 개체가 생성됩니다. 범위 체인. 그런 다음 x 값을 반환합니다. 여기서는 중첩된 함수의 호출 개체에 x가 없고 주변 makeFunc의 호출 개체에도 x가 없습니다. 전역 객체에서 x의 정의를 찾았으므로 정상적으로 실행되고, x의 값이 반환되고, x가 1씩 증가한 다음 중첩 함수가 완료되고, 호출 객체가 제거되고, makeFunc가 완료됩니다. 호출 객체도 제거되지만 호출 객체에 x가 없기 때문에 호출 객체가 소멸되더라도 x에는 전혀 영향을 미치지 않습니다. 결과적으로 전역 변수 x 값의 변경 사항이 저장됩니다.
위에서 언급한 외부 호출 개체에 대한 액세스는 이해를 돕기 위한 것일 뿐 엄격하지 않습니다. 그러나 JavaScript는 호출 개체에 직접 액세스하지 않습니다. 그러나 정의하는 속성은 범위 체인의 일부입니다. 호출 개체는 여전히 "살아있습니다". 또한 주변 함수에 모두 전역 개체에 대한 참조가 있는 두 개 이상의 중첩 함수가 포함된 경우 이러한 중첩 함수는 모두 동일한 전역 호출 개체를 공유하며 그 중 하나에 의한 전역 개체에 대한 변경 사항이 다른 함수에 표시됩니다. 의.
자바스크립트에서 함수는 실행될 코드와 이러한 코드가 실행되는 범위로 구성된 복합체입니다. 광범위하게 말하면 이러한 코드와 범위의 복합체를 클로저라고 부를 수 있습니다.
【Closure】
가끔 변수의 값을 기억하기 위해 호출해야 하는 함수를 작성해야 할 때가 있습니다. 따라서 범위를 이해하면 호출 후에 함수의 호출 개체를 유지할 수 없기 때문에 지역 변수를 달성하기 어렵다는 것을 알 수 있습니다. 위의 예에서처럼 전역 변수가 이를 수행할 수 있지만 이로 인해 전역 변수 오염이 쉽게 발생할 수 있습니다. 호출 객체를 유지할 수 없으니 그냥 호출 객체에 값을 저장하면 안되는 걸까요? ! 따라서 이를 수행하는 한 가지 방법은 다음과 같습니다. 함수 개체 자체의 속성을 사용하여 저장하는 것입니다.
uniqueID = function() {
if (!args.callee.id)args.callee.id = 0;
returnargs.callee.id
}
alert(uniqueID()) //0
alert(uniqueID) ()) ; //1
위와 같이 함수 자체가 객체이기 때문에 함수 자체의 속성 중 하나로 저장하는 것이 가능하지만, 여기에는 문제가 있습니다. 즉, 누구나 언제든지 저장할 수 있습니다. unqueID.id를 통해 원래 저장한 값에 강제로 액세스하여 수정할 수 있습니다. 이것이 우리가 보고 싶지 않은 것입니다.
그래서 일반적으로 우리는 이를 달성하기 위해 클로저를 사용합니다.
_uniqueID = (function() {
var id = 0;
return 함수 () {return id }
})()
alert(_uniqueID()) //0
alert(_uniqueID()) ; //1
마찬가지로 결과를 설명하기 위해 use 도메인을 사용합니다. _uniqueID 자체는 익명 함수이고 그 안에 익명 중첩 함수가 있다는 점에 유의하세요. 우리가 직접 호출하는 것은 _uniqueID()입니다. 즉, 우리가 직접 호출하는 것은 실제로 _uniqueID 내부에 중첩된 함수이며 호출 개체입니다. 자체적으로는 ID를 정의하지 않으므로 주변 호출 객체의 ID를 참조하고 이를 반환합니다. ID는 1씩 증가합니다. 실행이 완료되면 내부 중첩 함수 호출 객체가 범위 체인 밖으로 이동합니다. 주변기기 ID는 파기되지 않아서 이렇게 저장되었습니다.
헷갈리시는 분들도 계시겠지만, 함수가 실행된 후 호출 객체가 스코프 체인을 제거했다고 하지 않나요? 주변 익명 함수(function(){})()도 호출되었기 때문에 호출 개체에는 없어야 합니다. 맞습니다.
예, 호출 개체는 현재 함수가 실행된 후 참조를 종료하지만 위의 _uniqueID() 호출을 오해하지 마십시오. 직접 호출되는 주변 함수가 아니라 호출된 중첩 함수입니다. 함수 세트에는 주변 함수의 범위 체인이 포함됩니다. 따라서 호출 개체가 범위 체인을 제거하면 이 범위 체인에 있는 다른 개체의 속성에 액세스하고 변경할 수 있습니다.
클로저 자체는 이해하기 어렵지만 도움이 필요한 분들에게 도움이 되었으면 좋겠습니다. 또한, 제한된 자격으로 인해 제가 이해한 내용이 틀릴 수도 있습니다. 발견 시 정정해 주시기 바랍니다.

실제 세계에서 JavaScript의 응용 프로그램에는 프론트 엔드 및 백엔드 개발이 포함됩니다. 1) DOM 운영 및 이벤트 처리와 관련된 TODO 목록 응용 프로그램을 구축하여 프론트 엔드 애플리케이션을 표시합니다. 2) Node.js를 통해 RESTFULAPI를 구축하고 Express를 통해 백엔드 응용 프로그램을 시연하십시오.

웹 개발에서 JavaScript의 주요 용도에는 클라이언트 상호 작용, 양식 검증 및 비동기 통신이 포함됩니다. 1) DOM 운영을 통한 동적 컨텐츠 업데이트 및 사용자 상호 작용; 2) 사용자가 사용자 경험을 향상시키기 위해 데이터를 제출하기 전에 클라이언트 확인이 수행됩니다. 3) 서버와의 진실한 통신은 Ajax 기술을 통해 달성됩니다.

보다 효율적인 코드를 작성하고 성능 병목 현상 및 최적화 전략을 이해하는 데 도움이되기 때문에 JavaScript 엔진이 내부적으로 작동하는 방식을 이해하는 것은 개발자에게 중요합니다. 1) 엔진의 워크 플로에는 구문 분석, 컴파일 및 실행; 2) 실행 프로세스 중에 엔진은 인라인 캐시 및 숨겨진 클래스와 같은 동적 최적화를 수행합니다. 3) 모범 사례에는 글로벌 변수를 피하고 루프 최적화, Const 및 Lets 사용 및 과도한 폐쇄 사용을 피하는 것이 포함됩니다.

Python은 부드러운 학습 곡선과 간결한 구문으로 초보자에게 더 적합합니다. JavaScript는 가파른 학습 곡선과 유연한 구문으로 프론트 엔드 개발에 적합합니다. 1. Python Syntax는 직관적이며 데이터 과학 및 백엔드 개발에 적합합니다. 2. JavaScript는 유연하며 프론트 엔드 및 서버 측 프로그래밍에서 널리 사용됩니다.

Python과 JavaScript는 커뮤니티, 라이브러리 및 리소스 측면에서 고유 한 장점과 단점이 있습니다. 1) Python 커뮤니티는 친절하고 초보자에게 적합하지만 프론트 엔드 개발 리소스는 JavaScript만큼 풍부하지 않습니다. 2) Python은 데이터 과학 및 기계 학습 라이브러리에서 강력하며 JavaScript는 프론트 엔드 개발 라이브러리 및 프레임 워크에서 더 좋습니다. 3) 둘 다 풍부한 학습 리소스를 가지고 있지만 Python은 공식 문서로 시작하는 데 적합하지만 JavaScript는 MDNWebDocs에서 더 좋습니다. 선택은 프로젝트 요구와 개인적인 이익을 기반으로해야합니다.

C/C에서 JavaScript로 전환하려면 동적 타이핑, 쓰레기 수집 및 비동기 프로그래밍으로 적응해야합니다. 1) C/C는 수동 메모리 관리가 필요한 정적으로 입력 한 언어이며 JavaScript는 동적으로 입력하고 쓰레기 수집이 자동으로 처리됩니다. 2) C/C를 기계 코드로 컴파일 해야하는 반면 JavaScript는 해석 된 언어입니다. 3) JavaScript는 폐쇄, 프로토 타입 체인 및 약속과 같은 개념을 소개하여 유연성과 비동기 프로그래밍 기능을 향상시킵니다.

각각의 엔진의 구현 원리 및 최적화 전략이 다르기 때문에 JavaScript 엔진은 JavaScript 코드를 구문 분석하고 실행할 때 다른 영향을 미칩니다. 1. 어휘 분석 : 소스 코드를 어휘 단위로 변환합니다. 2. 문법 분석 : 추상 구문 트리를 생성합니다. 3. 최적화 및 컴파일 : JIT 컴파일러를 통해 기계 코드를 생성합니다. 4. 실행 : 기계 코드를 실행하십시오. V8 엔진은 즉각적인 컴파일 및 숨겨진 클래스를 통해 최적화하여 Spidermonkey는 유형 추론 시스템을 사용하여 동일한 코드에서 성능이 다른 성능을 제공합니다.

실제 세계에서 JavaScript의 응용 프로그램에는 서버 측 프로그래밍, 모바일 애플리케이션 개발 및 사물 인터넷 제어가 포함됩니다. 1. 서버 측 프로그래밍은 Node.js를 통해 실현되며 동시 요청 처리에 적합합니다. 2. 모바일 애플리케이션 개발은 재교육을 통해 수행되며 크로스 플랫폼 배포를 지원합니다. 3. Johnny-Five 라이브러리를 통한 IoT 장치 제어에 사용되며 하드웨어 상호 작용에 적합합니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

Dreamweaver Mac版
시각적 웹 개발 도구

WebStorm Mac 버전
유용한 JavaScript 개발 도구

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
