[JavaScript] arrow function? callback function?
아주 간단하게는
Arrow function
함수는 선언식과 표현식이 있는데, 표현식에서 간결하게 나타낸거란다. 그건 또 뭔데 10..
함수 선언식?
function 몰라() {
if (index === 0) {
return word;
} else {
return word[0].toUpperCase() + word.slice(1);
}
}
이런식으로 '몰라'라는 함수를 function
을 써서 선언형으로 땅땅땅 못박았다
함수 표현식?
let 무서워 = function() {
if (index === 0) {
return word;
} else {
return word[0].toUpperCase() + word.slice(1);
}
}
이번엔 '무서워'라는 변수를 선언하고, 그 안에 선언식 함수를 넣었다. 오케오케 여기까진 오케
화살표 함수????
(param1, param2 ..) => { statements }
(param1, param2 ..) => expression
(param1, param2 ...) => { return expression }
매개변수가 없다면
() => { statement }
머..머 먼소리야 머야 이거 머야;
일단 기본적으로
(인자) => return되는 값 형식인거같음..
let 알아 = () => { 그냥 값이요 }
let 알아 = () => 표현식이요
let 알아 = () => { return 표현식이요 }
Javascript.info 예시 문제를 풀다 나온 오류를 알겓다~
요걸 화살표 함수로 쓰고싶워
function camelize(str) {
return (
str.split('-').map(function(word, index) {
if (index == 0) {
return word;
} else {
return word[0].toUpperCase() + word.slice(1);
}
}).join('')
);
}
길다 길어.. 나 오늘 배워버렸으니 응용이란걸 해보자
function camelize(str) {
return (
str.split('-').map((word, index) =>{어쩌고 저쩌고 식}
아 이래서 오류가 났군아.. alert에 빈게 나오던데 왜 하필 빈거인지는.. 다음에 알아보자 sry
일단 () => {값} 인데 식을 넣어놨으니까 오류가 뜬듯??
{}니까 객체로 인식해서 그런거 아니야?!
function camelize(str) {
return (
str.split('-').map((word, index) =>(어쩌고 저쩌고 식)
이야 일단 베리머치 짧아졌고, 쥑이게 잘 뜬다 긋
Callback function
콜백.. 콜백이 뭐냐?
머야 십알?
머.. 머야 십알???
제가 4(+n)년간 재학한 영문학과 지식을 총밍리한 결과
1. 다른 함수의 인자가 되는 함수
2. 즉시 혹은 나중에도 실행 가능한
3. 코드 재사용에 증맬 좋다.
4. 그..그리고..
초- 뉴비의 입장에서는 저정도만 알아두고싶어서 저정도만 알아두기로 하자. 람다함수도, 포인터도, 서브루틴도 어디선가 들어보고 한번씩은 읽어 봤지만 깐츄롤할 재량이 없으니 나 먼저 더 공부하고 나중에 적어두겠다;;
그러니까 결과적으로.. 이걸 쓰면 베리머치 짧고 멋진 코드를 쓸 수 있고, 이 쥑이는 코드를 재탕할수 있다는거지? 내말맞지??
Author And Source
이 문제에 관하여([JavaScript] arrow function? callback function?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@saewoo1/JavaScript-arrow-function-callback-function저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)