> 웹 프론트엔드 > HTML 튜토리얼 > 자바스크립트 함수 표현식

자바스크립트 함수 표현식

高洛峰
풀어 주다: 2016-11-04 17:00:11
원래의
1223명이 탐색했습니다.

함수 정의: a. 함수 선언 functionName(이름, 나이) {}———— 함수 선언 승격

                                b. >

재귀

클로저

변수의 범위는 전역 변수와 지역 변수의 두 가지 유형에 지나지 않습니다.

Javascript 언어의 특별한 점은 전역 변수를 함수 내에서 직접 읽을 수 있다는 것입니다.

지역변수를 외부에서 어떻게 읽어오나요?

함수 안에 함수를 정의하는 것입니다. 내부 함수를 반환 값으로 사용하면 외부에서 내부 변수를 읽을 수 있습니다.

클로저는 다른 함수의 내부 변수를 읽을 수 있는 함수입니다.

Javascript 언어에서는 함수 내부의 하위 함수만 지역 변수를 읽을 수 있으므로 클로저는 간단히 "함수 내부에 정의된 함수"로 이해하면 됩니다.

따라서 클로저란 본질적으로 함수 내부와 함수 외부를 연결하는 다리입니다.

두 가지 가장 큰 용도가 있습니다. 하나는 앞서 언급한 것처럼 함수 내부의 변수를 읽는 것이고, 다른 하나는 이러한 변수의 값을 메모리에 유지하는 것입니다.

클로저 사용 시 주의사항

1) 클로저를 사용하면 함수의 변수가 메모리에 저장되므로 메모리 소모량이 매우 커서 클로저를 사용할 수 없습니다. 클로저를 남용하면 웹페이지 성능 문제가 발생하고 IE에서 메모리 누수가 발생할 수 있습니다. 해결책은 함수를 종료하기 전에 사용되지 않는 모든 지역 변수를 삭제하는 것입니다.

2) 클로저는 상위 함수 외부의 상위 함수 내부 변수 값을 변경합니다. 따라서 부모 함수를 객체로, 클로저를 퍼블릭 메소드로, 내부 변수를 프라이빗 값으로 사용하는 경우 부모 함수 내부에서 변수 값을 임의로 변경하지 않도록 주의해야 합니다.

클로저는 상대적으로 추상적인 개념입니다. 특히 js 초보자에게는 책의 설명이 정말 모호하고 저에게도 마찬가지입니다. 또한 js 기능을 향상시키는 데 있어 피할 수 없는 질문입니다. 답변할 때 답변의 깊이, 용어에 대한 이해 및 js 내부 인터프리터 작동에 대한 설명이 모두 포함되기 때문입니다. 당신이 올바르게 대답하지 못하더라도 시험관이 당신의 수준을 평가할 수 있습니다. 따라서 먼저 js의 클로저에 대한 나의 이해에 대해 이야기하겠습니다. 많은 언어가 가지고 있는 기능인 클로저는 주로 js의 여러 다른 기능인 범위 체인, 가비지(메모리) 재활용 메커니즘, 함수 중첩 등을 포함합니다.

클로저를 이해하기 전에 먼저 하는 것이 가장 좋습니다. 스코프 체인의 의미를 간단히 이해하면 스코프 체인은 함수를 정의할 때 사용되는 변수의 값을 찾기 위해 생성되는 인덱스입니다. 내부 규칙은 함수 자체의 지역 변수를 먼저 배치하고 변수를 해당 함수 안에 넣는 것입니다. 두 번째로 자신의 상위 함수에 변수를 더 뒤쪽에 배치하고 전역 객체까지 계속합니다. 지금까지 함수에서 변수 값을 쿼리해야 할 때 js 인터프리터는 범위 체인으로 이동합니다. 검색은 앞의 로컬 변수부터 시작하며, 해당 변수가 발견되지 않으면 다음 레벨 체인으로 이동하고, 일단 변수가 발견되면 마지막에 필요한 변수가 발견되지 않으면 계속 진행되지 않습니다.

이제 스코프 체인을 이해했으니, js의 메모리 재활용 메커니즘을 살펴보겠습니다. 일반적으로 함수가 실행을 시작하면 그 안에 정의된 변수가 메모리 공간으로 나누어집니다. 다음 명령문에서 사용하기 위해 저장합니다. 함수가 실행을 완료하고 반환되면 해당 변수는 쓸모 없는 것으로 간주됩니다. 다음에 이 함수가 실행될 때 모든 변수는 원래 상태로 반환되고 다시 할당됩니다. 그러나 이 함수 내부에 다른 함수가 중첩되어 있는 경우 이 함수가 외부에서 호출될 수 있습니다. 그리고 이 내부 함수가 외부 함수의 일부 변수를 사용하면 이 메모리 재활용 메커니즘이 문제를 일으킬 수 있습니다. 외부 함수가 반환된 후 내부 함수가 직접 호출되면 내부 함수는 필요한 외부 함수의 변수 값을 읽을 수 없습니다. 따라서 js 인터프리터가 함수 정의를 만나면 자동으로 함수와 변수를 결합합니다. 로컬 변수와 부모 및 조상 함수의 변수(자유 변수)를 함께 저장할 수 있습니다. 즉, 이러한 변수는 내부 함수가 사용할 수 없는 경우에만 재활용되지 않습니다. 호출되면(예: 삭제되거나 포인터가 없는 경우) 클로저가 삭제되고 다음 메모리 재활용이 시작될 때 클로저에서 참조하는 변수가 재활용되지 않습니다.

즉, , 클로저를 사용하면 중첩된 함수 구조가 작동할 수 있으며 이는 우리의 기대와도 일치합니다. 그리고 클로저에는 종종 프로그래머가 이해하기 어렵게 만드는 몇 가지 기능이 있습니다.

다음 코드를 살펴보세요.

这段代码中,程序员希望foo函数中的变量i被内部循环的函数使用,并且能分别获得他们的索引,而实际上,只能获得该变量最后保留的值,也就是说.闭包中所记录的自由变量,只是对这个变量的一个引用,而非变量的值,当这个变量被改变了,闭包里获取到的变量值,也会被改变.

解决的方法之一,是让内部函数在循环创建的时候立即执行,并且捕捉当前的索引值,然后记录在自己的一个本地变量里.然后利用返回函数的方法,重写内部函数,让下一次调用的时候,返回本地变量的值,改进后的代码

var result=[];function foo(){
    var i= 0;
    for (;i<3;i=i+1){
        result[i]=(function(j){
            return function(){
                alert(j);
            };
        })(i);
    }
};
foo();
result[0](); // 0
result[1](); // 1
result[2](); // 2
로그인 후 복사

 

在这里我再解释一下.这里用到了另外2个技术,立即调用的匿名函数和返回函数.也是初学者比较难以理解的部分.

私有变量

任何在函数中定义的变量,都可以是私有变量。

把有权访问私有变量和私有函数的方法称为特权方法,a)在构造函数中定义特权方法

b)在私有作用域中定义变量或函数,私有变量和函数由实例共享

模块模式——为单例创建私有变量和特权方法。单例,指只有一个实例的对象

使用一个返回对象的匿名函数,函数内部首先定义私有变量和函数,将一个对象字面量作为函数的值返回,返回的 对象字面量只包含公开的属性和方法。


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