Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- javascript
- ES6
- 자료구조
- 자바스크립트
- Andrew Ng
- 끈기
- 러닝자바스크립트
- coursera
- 우선순위
- multer
- Til
- NextJS
- React
- docker
- Sequence
- CSS
- reactnative
- 객체
- 리눅스
- 데이터전송
- Linux
- 회고
- 1일1문장
- 스파르타코딩클럽
- nodejs
- HTTP
- scope
- 개발공부
- Machine Learning
- 클로저
Archives
- Today
- Total
해나아부지 개발일지
클로저, 람다 본문
1. 클로저를 활용한 html tag 생성 함수
function htmlMaker(tag) {
let startTag = '<' + tag + '>';
let endTag = '<' + tag + '>';
return function (content) {
return startTag + content + endTag;
}
}
// 출력값 확인
let divMaker = htmlMaker('div')
console.log( divMaker('안녕하세요') ) // <div>안녕하세요<div>
2. return값을 람다식으로 변환
function htmlMaker(tag) {
let startTag = '<' + tag + '>';
let endTag = '<' + tag + '>';
return (content) => startTag + content + endTag;
}
3. 람다식을 2번 사용하여 클로저를 구현해 봄
let htmlMaker = (tag) => useTag = (content) => '<' + tag + '>' + content + '<' + tag + '>'
// useTag라는 중간다리 역할을 해주는 변수가 있어야 람다식을 한번 더 사용할 수 있음
// 람다식에서 추가로 변수 선언하는 방법을 아시는 분이 있다면 알려주시길..
'Developers > JavaScript' 카테고리의 다른 글
자바스크립트 비동기처리(asynchronous javascript) (0) | 2020.08.12 |
---|---|
날짜 시간 얻기(get date format) javascript (0) | 2020.06.11 |
Scope in Javascript (0) | 2020.05.16 |
Math.Random()을 이용한 임의의 정수, 문자열 리턴하기 (0) | 2020.05.05 |
map vs filter vs reduce (0) | 2020.04.29 |
Comments