관련 자료: JavaScript 프로토타입 및 클로저 시리즈에 대한 나의 이해에 대해 이야기해 주세요(Shuishou Note 8)
클로저란 무엇인가요
폐쇄란 무엇인가요? 클로저(Closure)는 정적 언어에는 없는 새로운 기능인 클로저(Closure)입니다. 하지만 클로저는 이해하기에는 너무 복잡한 것이 아닙니다. 간단히 말해서 클로저는입니다.
• 클로저는 함수의 지역 변수 모음이지만 이러한 지역 변수는 함수가 반환된 후에도 계속 존재합니다.• 클로저는 함수가 반환된 후 함수의 "스택"이 해제되지 않음을 의미합니다. 또한 이러한 함수 스택은 스택에 할당되지 않고 힙에 할당된다는 점도 이해할 수 있습니다.
• 함수 내에서 다른 함수를 정의하면 클로저가 생성됩니다
프로토타입이란 무엇인가요?
프로토타입은 다른 객체가 속성 상속을 구현할 수 있는 객체입니다.
어떤 물체라도 프로토타입이 될 수 있나요?
예
프로토타입이 있는 개체
모든 객체에는 기본적으로 프로토타입이 있습니다. 프로토타입 자체도 객체이기 때문입니다. 따라서 각 프로토타입 자체에도 프로토타입이 있습니다(한 가지 예외를 제외하면 기본 객체 프로토타입은 프로토타입 체인의 맨 위에 있습니다.).
실행 컨텍스트
표준 사양에는 기술적 구현 관점에서 EC의 유형과 구조가 정확하게 정의되어 있지 않습니다. 이는 ECMAScript 엔진을 구체적으로 구현할 때 고려해야 할 문제입니다.
활동 실행 컨텍스트는 논리적으로 스택을 형성합니다. 스택의 맨 아래는 항상 전역 컨텍스트이고, 스택의 맨 위는 현재(활성) 실행 컨텍스트입니다. EC의 다양한 킹드가 푸시되거나 팝됨에 따라 스택이 수정됩니다.
상황 1: js 코드를 가져와 실제로 문장별로 실행하기 전에 브라우저는 값을 할당하는 대신 변수 선언을 포함하는 몇 가지 "준비 작업"을 이미 수행했습니다. 할당문이 실행될 때 변수 할당이 수행됩니다.
사례 2: "준비" 단계에서는 직접 할당됩니다.
사례 3: 함수: 함수 표현식 및 함수 선언
console.log(f1); //function f1() {} function f1() {} //函数声明 console.log(f2); //undefined var f2 = function() {}; //函数表达式
“준비” 요약:
JavaScript는 코드 세그먼트를 실행하기 전에 이러한 "준비 작업"을 수행하여 실행 컨텍스트를 생성합니다. 이 "코드 세그먼트"는 전역 코드, 함수 코드 및 평가 코드의 세 가지 상황으로 구분됩니다.
//全局代码段 <script type="text/javascript"> //代码段... </script> //函数代码段 function fn(x) { console.log(x + 5); } var fn = new Function("x", "console.log(x + 5)"); //Eval代码段 eval('var x = 10'); (function foo() { eval('var y = 20'); })(); alert(x); //10 alert(y); //"y" is not defined //因为eval涉及到安全问题(脚本注入),所以尽量不用。
함수에는 여러 가지 "준비" 상황 외에도 다른 데이터도 있습니다
function fn(x) { console.log(arguments); //[10] conosole.log(x); //10 } fn(10);
var a = 10; function fn() { console.log(a); //a是自由变量 } //函数创建时,就确定了a要取值的作用域 function bar(f) { var a = 20; f(); //打印"10",而不是"20" } bar(fn);
요약:
전역 코드의 컨텍스트 데이터 내용은 다음과 같습니다.
• 다음과 같은 일반 변수(함수 표현식 포함) var a = 10 | 선언(기본 할당은 정의되지 않음)
•함수 fn() {} 등의 함수 선언 ===>
•매개변수 | ===>
•인수 | ===>
코드를 실행하기 전에 미리 사용할 변수를 모두 꺼내주세요. 일부는 직접 할당되고, 일부는 먼저 정의되지 않은 상태로 채워집니다.
위 내용은 편집자가 공유한 JavaScript 프로토타입 및 클로저 시리즈 이해(랜덤 노트 6)에 대한 전체 설명입니다.