[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. 그..그리고..
초- 뉴비의 입장에서는 저정도만 알아두고싶어서 저정도만 알아두기로 하자. 람다함수도, 포인터도, 서브루틴도 어디선가 들어보고 한번씩은 읽어 봤지만 깐츄롤할 재량이 없으니 나 먼저 더 공부하고 나중에 적어두겠다;;

그러니까 결과적으로.. 이걸 쓰면 베리머치 짧고 멋진 코드를 쓸 수 있고, 이 쥑이는 코드를 재탕할수 있다는거지? 내말맞지??

좋은 웹페이지 즐겨찾기