> 웹 프론트엔드 > JS 튜토리얼 > Rick and Morty 및 Closures: 이들의 공통점은 무엇입니까?

Rick and Morty 및 Closures: 이들의 공통점은 무엇입니까?

Susan Sarandon
풀어 주다: 2024-10-24 06:36:02
원래의
763명이 탐색했습니다.

Rick and Morty e Clorsures: o que essas coisas tem em comum?

그럼 잘 지내시나요? 그러기를 바랍니다!

저는 Leetcode에서 몇 가지 프로그래밍 문제를 해결하려고 노력하고 있었는데 그 중 하나에서 많은 사람들이 이해하기 어려워하는 프로그래밍의 매우 중요한 개념을 발견했습니다.

그래서 저는 JavaScript에서 클로저가 어떻게 작동하는지 가능한 최선의 방법으로 설명하기 위해 여기에 글을 쓰기로 결정했습니다. 저와 함께 가세요!

문제

처음에 정수 n을 반환하고 이후 호출할 때마다 이전 값보다 1단위 더 많이 반환하는 카운터 함수를 만들어야 하는 '카운터'라는 과제를 진행 중이었습니다. 예:

  • 카운터(10)은 10을 반환합니다.
  • counter()(다시 호출)는 11을 반환합니다.
  • counter()(다시 호출)는 12를 반환합니다.

이 문제는 다른 함수를 반환하는 함수를 사용할 수 있다는 점을 포함하여 몇 가지 힌트를 제공합니다.

이것이 클로저의 개념입니다. 그래서 그 팁을 따라 이 길로 갔습니다. 제가 생각해낸 해결책은 다음과 같습니다.

var createCounter = function (n) {
    let contador = n;
    return function () {
        resultado = contador;
        contador++
        return resultado;
    };
};
로그인 후 복사

이 코드는 지역 변수(이 경우 카운터)를 저장하고 조작할 수 있는 또 다른 함수(클로저)를 반환하는 createCounter라는 함수를 정의합니다.

  • 카운터는 createCounter()를 호출할 때 전달된 n 값으로 시작합니다.
  • 함수를 실행할 때마다 내부(반환) 함수가 현재 카운터 값에 액세스하여 이를 반환한 후 증가시킵니다.
  • 이렇게 하면 종료 덕분에 카운터가 중단된 위치를 "기억"할 수 있습니다.

이 마지막 단계는 클로저의 진정한 힘을 깨닫는 단계입니다. 클로저란 함수가 외부 변수에 액세스할 수 있는 또 다른 함수를 반환하고 호출 사이에 상태를 유지하는 경우를 말합니다. 이는 정보를 저장하고 나중에 액세스할 수 있는 기능 내부에 작은 "숨기기"를 갖는 것과 같습니다.

그리고 이 이야기에서 Rick과 Morty는 어디에 속합니까?

릭 앤 모티 시리즈는 차원 간 여행과 다른 문명을 다루며 인간에 대한 많은 실존적 질문에 대한 비판과 성찰을 제안합니다.

시리즈를 모르시는 분들을 위해 간략하게 요약하자면 다음과 같습니다. 작품의 주인공인 릭 산체스는 온갖 미친 기술을 개발하는 과학자로, 보통 손자 모티를 데리고 모험을 떠납니다. 노인의 가장 유명한 발명품 중 하나는 현실과 차원 사이를 이동할 수 있는 차원 간 포털입니다. 자세한 내용은 시리즈를 봐야 알 수 있을 것 같다(웃음).

무엇을 이해하고 계시나요, Neilton?

릭이 모티를 위해 특정 차원에 접근할 수 있는 다차원 배낭을 개발했다고 상상해 보세요. 이 차원에서 Rick은 몇 가지 중요한 도구를 배치합니다. Morty는 학교, 산책, 심지어 은하계 여행 등 어디든 배낭을 가지고 다닐 수 있으며 Rick이 멀리 떨어져 있어도 그곳에 저장된 모든 것에 계속 접근할 수 있습니다.

가장 좋은 점은 무엇인가요? 모티는 사용하고 싶을 때마다 배낭을 열고 도구를 꺼낼 수 있으며 심지어 안에 들어 있는 것을 수정할 수도 있습니다. 그리고 그것이 어디에 있든 저장된 내용은 계속 액세스할 수 있습니다.

이 예는 클로저와 어떻게 연결되나요?

  • Rick은 나중에 액세스할 수 있는 범위(차원)와 변수(도구)를 생성하는 외부 함수입니다.
  • 배낭을 든 모티는 외부 함수의 변수에 접근하고 수정할 수 있는 내부 함수를 나타냅니다.
  • 차원은 외부 함수의 어휘 범위, 즉 외부 함수 내에서 생성되어 외부 함수가 실행된 후에도 내부 함수에서 액세스하는 변수를 나타냅니다.
  • Morty가 어디에서나 차원의 항목에 액세스할 수 있다는 사실은 범위 지속성을 반영합니다. 외부 함수가 완료된 후에도 내부 함수는 원래 범위의 변수에 대한 액세스를 유지합니다.

클로저는 프로그래밍에서 강력한 리소스입니다. 클로저 사용의 주요 장점 중 캡슐화와 메모화를 강조합니다. 클로저(내부 함수)를 통해서만 값에 액세스할 수 있기 때문에 캡슐화하고 호출 간에 변수 값을 보존하는 기능 때문에 메모이제이션을 수행합니다.


AI 생성 이미지: https://designer.microsoft.com/image-creator?scenario=texttoimage

프롬프트: Rick and Morty의 Rick이 Morty에게 빛나는 차원 포켓 장치를 건네주는 이미지를 생성하세요. 모티는 주머니에서 도구나 장치 같은 물건을 꺼내고 있고, 릭은 연구실에서 그 메커니즘을 아무렇지도 않게 설명하고 있습니다. 주머니는 릭이 떠난 후에도 모티가 계속 접근할 수 있는 떠다니는 아이템이 들어 있는 잠금 장치를 나타냅니다.


결론

그래서 클로저가 무엇인지, 프로그래밍에서 클로저가 얼마나 중요한지 이해하셨나요? 가끔은 모티처럼 유용한 물건을 보관하거나 단순히 다른 차원으로 순간이동할 수 있는 배낭이 있었으면 좋겠어요(웃음).

콘텐츠가 마음에 드셨다면 댓글과 공유를 눌러주세요! 이 글이 다른 분들에게 도움이 된다고 생각하시면 힘을 주세요.

다음에 또 만나요!

위 내용은 Rick and Morty 및 Closures: 이들의 공통점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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