JavaScript 프로토타입 및 클로저 시리즈에 대한 나의 이해에 대해 이야기해 보세요(임의의 메모 6)

JavaScript 프로토타입 및 클로저 시리즈에 대한 나의 이해에 대해 이야기해 보세요(임의의 메모 6)_javascript 기술

WBOY

풀어 주다： 2016-05-16 15:24:39

원래의

1223명이 탐색했습니다.

클로저란 무엇인가요

폐쇄란 무엇인가요? 클로저(Closure)는 정적 언어에는 없는 새로운 기능인 클로저(Closure)입니다. 하지만 클로저는 이해하기에는 너무 복잡한 것이 아닙니다. 간단히 말해서 클로저는

입니다.

• 클로저는 함수의 지역 변수 모음이지만 이러한 지역 변수는 함수가 반환된 후에도 계속 존재합니다.

• 클로저는 함수가 반환된 후 함수의 "스택"이 해제되지 않음을 의미합니다. 또한 이러한 함수 스택은 스택에 할당되지 않고 힙에 할당된다는 점도 이해할 수 있습니다.

• 함수 내에서 다른 함수를 정의하면 클로저가 생성됩니다

프로토타입이란 무엇인가요?

프로토타입은 다른 객체가 속성 상속을 구현할 수 있는 객체입니다.

어떤 물체라도 프로토타입이 될 수 있나요?

예

프로토타입이 있는 개체

모든 객체에는 기본적으로 프로토타입이 있습니다. 프로토타입 자체도 객체이기 때문입니다. 따라서 각 프로토타입 자체에도 프로토타입이 있습니다(한 가지 예외를 제외하면 기본 객체 프로토타입은 프로토타입 체인의 맨 위에 있습니다.

실행 컨텍스트

컨트롤러가 ECMAScript 실행 코드로 전환할 때마다 실행 컨텍스트로 들어갑니다.

실행 컨텍스트(줄여서 EC)는 추상적인 개념입니다. ECMA-262 표준에서는 이 개념을 실행 코드 개념과 구별하기 위해 사용합니다.

표준 사양에는 기술적 구현 관점에서 EC의 유형과 구조가 정확하게 정의되어 있지 않습니다. 이는 ECMAScript 엔진을 구체적으로 구현할 때 고려해야 할 문제입니다.

활동 실행 컨텍스트는 논리적으로 스택을 형성합니다. 스택의 맨 아래는 항상 전역 컨텍스트이고, 스택의 맨 위는 현재(활성) 실행 컨텍스트입니다. EC의 다양한 킹드가 푸시되거나 팝됨에 따라 스택이 수정됩니다.

---------------------------------- --- ---------------------

상황 1: js 코드를 가져와 실제로 문장별로 실행하기 전에 브라우저는 값을 할당하는 대신 변수 선언을 포함하는 몇 가지 "준비 작업"을 이미 수행했습니다. 할당문이 실행될 때 변수 할당이 수행됩니다.

사례 2: "준비" 단계에서는 직접 할당됩니다.

코드 복사 코드는 다음과 같습니다.

console.log(this) //창

사례 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)에 대한 전체 설명입니다.