> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 프로토타입 및 클로저 시리즈에 대한 나의 이해에 대해 이야기해 보세요(임의의 메모 6)_javascript 기술

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

WBOY
풀어 주다: 2016-05-16 15:24:39
원래의
1219명이 탐색했습니다.

관련 자료: JavaScript 프로토타입 및 클로저 시리즈에 대한 나의 이해에 대해 이야기해 주세요(Shuishou Note 8)

클로저란 무엇인가요

폐쇄란 무엇인가요? 클로저(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)에 대한 전체 설명입니다.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿