[doc] Closure 설명 보충 #108

padosum · 2021-08-31T08:21:05Z

요약

JavaScript Fundamentals > Closure 문서에 다음 내용을 보충하였습니다.

closure를 활용해 private 변수 구현하기

- private 변수 구현 예시 추가

yahma25

수고하셨습니다~ 👏

yahma25 · 2021-09-02T14:58:14Z

docs/js/closure.md

@@ -101,6 +101,33 @@ add(); // 2

 이처럼 함수의 실행이 끝나고 나서도 함수 안의 변수를 참조할 수 있는게 바로 클로져입니다. 이러한 패턴을 응용하면 자바스크립트에 없는 private 변수나 함수형 프로그래밍을 할 수 있습니다.

+## private 변수
+일반적으로 프로그래밍에서 외부에서 사용하지 않거나 접근하면 안 되는 변수와 함수는 `private`로 선언하여 사용합니다. 자바스크립트에서는 private 변수를 나타내는 별도의 문법이 없지만 클로져를 활용하여 구현할 수 있습니다.


기존의 자바스크립트에는 private이 없지만, Private methods and fields - tc39 proposal, Private class features - MDN 내용이 있으니 부가 정보로 언급하는 게 좋을지 모르겠네요 🤔

참고해주셔요 😅

커링 외에 클로져의 활용 예로는 있으면 좋겠고 (+@ #109 )

es6 챕터의 class에서 관련 내용이 생긴다면 해당 본문 링크 혹은 위에 의견 주신 mdn의 class 링크를 tip 이나 details 로 제공 또는 언급하면 어떨까 의견 드립니다.

yahma25 · 2021-09-02T15:13:12Z

docs/js/closure.md

+일반적으로 프로그래밍에서 외부에서 사용하지 않거나 접근하면 안 되는 변수와 함수는 `private`로 선언하여 사용합니다. 자바스크립트에서는 private 변수를 나타내는 별도의 문법이 없지만 클로져를 활용하여 구현할 수 있습니다.
+```js
+function Account() {
+  let _money = 0


🙋 변수 선언 키워드 사용 시, let, const 대신 일관성 있게 var로 사용하는 건 어떨까요?

저도 항상 const > let 순서로 사용하지만, 순수 자바스크립트 튜토리얼이나 예시에서는 var를 사용하고 있어요.
특정 글을 본 것은 아닌데요. 아무래도 let, const는 es6부터 도입되었으니 변수의 값 불변성에 초점이 맞춰진 내용이 아니라면 모든 브라우저 종류, 버전 상관없이 호환되는 var를 사용하는 것으로 이해하고 있어요. (암묵적인 룰? 🤔)

필수는 아니니 참고해주셔요 😉

yahma25 · 2021-09-02T15:14:40Z

docs/js/closure.md

+일반적으로 프로그래밍에서 외부에서 사용하지 않거나 접근하면 안 되는 변수와 함수는 `private`로 선언하여 사용합니다. 자바스크립트에서는 private 변수를 나타내는 별도의 문법이 없지만 클로져를 활용하여 구현할 수 있습니다.
+```js
+function Account() {
+  let _money = 0


세상 깨알이지만, 코드 라인 끝날 때마다 일관성 있게 ; 세미콜론이 붙었으면 좋겠네요 😁

@yahma25 깨알 리뷰 좋습니다 ㅋㅋ 😄 👍 👍

최근에 private 변수를 #인가 $인가 이상한 기호로 정의하는 문법이 생긴 걸로 아는데 그런 부분도 있고.. 가끔 private한 변수다 라는 것을 _ 접두사로 붙여서 표시하는 관례도 있는 걸로 아는데 현재 시점에서는 이후 문법의 포용을 위해 _를 떼는 건 어떨까요? 😄

joshua1988

@padosum 연정님 고생 많으셨어요. 글이랑 코드 넘 좋은데요? 😄 몇 가지 피드백 남겼습니다 👍

joshua1988 · 2021-09-08T13:08:14Z

docs/js/closure.md

+일반적으로 프로그래밍에서 외부에서 사용하지 않거나 접근하면 안 되는 변수와 함수는 `private`로 선언하여 사용합니다. 자바스크립트에서는 private 변수를 나타내는 별도의 문법이 없지만 클로져를 활용하여 구현할 수 있습니다.
+```js
+function Account() {
+  let _money = 0


최근에 private 변수를 #인가 $인가 이상한 기호로 정의하는 문법이 생긴 걸로 아는데 그런 부분도 있고.. 가끔 private한 변수다 라는 것을 _ 접두사로 붙여서 표시하는 관례도 있는 걸로 아는데 현재 시점에서는 이후 문법의 포용을 위해 _를 떼는 건 어떨까요? 😄

joshua1988 · 2021-09-08T13:08:58Z

docs/js/closure.md

+}
+
+const fund = Account()
+fund.deposit(100) // +100


Suggested change

fund.deposit(100) // +100

fund.deposit(100) // 100

joshua1988 · 2021-09-08T13:09:10Z

docs/js/closure.md

+
+const fund = Account()
+fund.deposit(100) // +100
+fund.deposit(100) // +100


Suggested change

fund.deposit(100) // +100

fund.deposit(100) // 200

joshua1988 · 2021-09-08T13:09:33Z

docs/js/closure.md

+const fund = Account()
+fund.deposit(100) // +100
+fund.deposit(100) // +100
+console.log(fund.getMoney()); // 200


Suggested change

console.log(fund.getMoney()); // 200

fund.getMoney(); // 200

joshua1988 · 2021-09-08T13:09:49Z

docs/js/closure.md

+fund.deposit(100) // +100
+console.log(fund.getMoney()); // 200
+fund._money = 100000          // private 변수로 변경되지 않는다. 
+console.log(fund.getMoney()); // 200


Suggested change

console.log(fund.getMoney()); // 200

fund.getMoney(); // 200

요렇게 하는 게 좀 더 일반적인 것 같아요 😄 다른 문서의 코드들과의 통일감도 있고..! 😄

joshua1988 · 2021-09-08T13:10:44Z

docs/js/closure.md

+fund._money = 100000          // private 변수로 변경되지 않는다. 
+console.log(fund.getMoney()); // 200
+```
+위 코드에 나온 `Account` 함수 내부의 `_money` 변수는 함수 내에서 제공한 `deposit`, `withdraw`, `getMoney`를 사용하는 것 외에 접근하는 방법이 없습니다. 이렇게 클로져를 활용하면 외부에서 변수에 직접 접근하는 것을 제한하는 private 변수를 구현할 수 있습니다.


코드 예시랑 설명 넘 좋네요 😄

amorfati0310

연정님 수고 많으셨습니다.

amorfati0310 · 2021-09-02T19:21:34Z

docs/js/closure.md

+## private 변수
+일반적으로 프로그래밍에서 외부에서 사용하지 않거나 접근하면 안 되는 변수와 함수는 `private`로 선언하여 사용합니다. 자바스크립트에서는 private 변수를 나타내는 별도의 문법이 없지만 클로져를 활용하여 구현할 수 있습니다.
+```js
+function Account() {


일반함수 이름은 camelCase를 따라서 account로 적어주는게 어떨까요

Suggested change

function Account() {

function account() {

예시를 IFE로 작성하셔도 좋을 것 같네요
https://developer.mozilla.org/en-US/docs/Glossary/IIFE

- 변수선언 키워드 var로 변경 - 세미콜론 추가 - 언더스코어 접두사 삭제 - 예시 코드 IIFE로 수정, 주석 수정

- 주석수정

- tip 추가

- private 변수를 만드는 문법이 없다는 내용 삭제

[doc] Closure 설명 보충

a9f67ab

- private 변수 구현 예시 추가

padosum requested review from amorfati0310, daep93, jm-chong and joshua1988 as code owners August 31, 2021 08:21

padosum self-assigned this Aug 31, 2021

padosum added the doc 문서 또는 가이드 관련 PR label Aug 31, 2021

yahma25 reviewed Sep 2, 2021

View reviewed changes

joshua1988 requested changes Sep 8, 2021

View reviewed changes

amorfati0310 approved these changes Sep 8, 2021

View reviewed changes

padosum added 5 commits September 21, 2021 14:30

Merge branch 'joshua1988:master' into doc/closure

85852c8

[doc] Closure 설명 보충 수정

a742ebe

- 변수선언 키워드 var로 변경 - 세미콜론 추가 - 언더스코어 접두사 삭제 - 예시 코드 IIFE로 수정, 주석 수정

[doc] Closure 설명 보충 수정

cc13f19

- 주석수정

[doc] Closure 설명 보충 수정

2654ab2

- tip 추가

[doc] Closure 설명 보충 수정

5d45ea1

- private 변수를 만드는 문법이 없다는 내용 삭제

padosum merged commit b6dbbbd into joshua1988:master Oct 11, 2021

Seungwoo321 linked an issue Oct 11, 2021 that may be closed by this pull request

[doc] JavaScript 클로져 문서 보충 #109

Open

3 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[doc] Closure 설명 보충 #108

[doc] Closure 설명 보충 #108

padosum commented Aug 31, 2021

yahma25 left a comment

yahma25 Sep 2, 2021

Seungwoo321 Sep 2, 2021 •

edited

Loading

yahma25 Sep 2, 2021

yahma25 Sep 2, 2021

joshua1988 Sep 8, 2021

joshua1988 Sep 8, 2021

joshua1988 left a comment

joshua1988 Sep 8, 2021

joshua1988 Sep 8, 2021

joshua1988 Sep 8, 2021

joshua1988 Sep 8, 2021

joshua1988 Sep 8, 2021

joshua1988 Sep 8, 2021

joshua1988 Sep 8, 2021

amorfati0310 left a comment

amorfati0310 Sep 2, 2021

[doc] Closure 설명 보충 #108

[doc] Closure 설명 보충 #108

Conversation

padosum commented Aug 31, 2021

요약

yahma25 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Seungwoo321 Sep 2, 2021 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

joshua1988 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

amorfati0310 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Seungwoo321 Sep 2, 2021 •

edited

Loading