Skip to content

Latest commit

 

History

History
189 lines (126 loc) · 3.89 KB

05_JavaScript_Functions.md

File metadata and controls

189 lines (126 loc) · 3.89 KB

JavaScript Functions



익명 함수

이름 없이 생성되는 함수

  • 생성되어 변수에 할당
    • 변수는 함수의 이름 역할을 함!
  • 선언적 함수 정의를 통해 생성된 함수의 이름도 함수를 가리키는 변수이다!



함수 호이스팅

  • JavaScript 에서는 모든 선언이 호이스팅 된다
  • 함수 선언문의 경우 선언, 초기화, 할딩이 모두 이뤄져 실행 가능
  • 함수 표현식은 변수 호이스팅이 발생하여 undefined. 즉, 실행 불가


배열 테스트 함수 (Call-back 함수)

Call-back 함수: method 실행 시 자동으로 호출되는 함수


Array helper methods

배열 검사 method의 call-back 함수


  • forEach

    • Element 하나하나 조작 시 사용

    • Element 하나하나 call-back 함수에 전달하여 처리

    • Usage

      arr.forEach( callback(currentvalue[, index[, array]] [, thisArg]))
      function hiUser(element, index, array){
    document.write("<p>Hi " +element+ "!</p>")
}
var users = ["jerry", "tom", "steve"];
users.forEach(hiUser);

  • map

    • 배열 요소 하나 하나에 call-back 함수 처리 후 새로운 배열 반환

      function sayBabyAnmial(animal){
    var result;
    switch(animal){
        case "개":
            result = "강아지";
        break;
        case "닭":
            result = "병아리";
        break;
        default:
            result = "새끼 " + animal;
    }
    return result;
}
var animals = ["고양이", "개", "다람쥐", "닭","여우"];
var baby = animasl.map(sayBabyAnimal);

  • filter

    • 원하는 요소를 정리하여 새로운 배열 반환

      • 요소 정리할 때 call-back 함수 사용

    • 배열 객체 검사용 method 사용시 call-back 함수 전달 인자

      1. element
      2. index
      3. array
      function isBigEnough(element, index, array){
    return (element >= 10);
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
document.write(filtered.toString()); //12,130,44

  • every

    • 모든 배열 요소 call-back 함수에서 제시하는 요소 통과 시 return true, 실패 시 return false

      function isBigEnough(element, index, array){
    return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough); //false
var passed = [12, 54, 18, 130, 44].every(isBigEnough); //true

  • some

    • every와 논리적으로 반대되는 경우
      • call-back 함수 요구하는 element 한 개라도 존재: return true
      • 하나도 없으면: return false


함수의 유효 범위


  • JavaScript === 함수형 언어

  • 함수를 기준으로 유효 범위 설정

    • 함수

      : 자신만의 유효 범위 설정

      • 함수 내부에서 선언된 변수 => 함수 내부에서만 유효

Closure


First class function

  • JavaScript 함수의 특징
    • 함수를 인자로 전달 가능함
    • 함수를 반환할 수 있음
    • 변수에 함수를 할당 가능함
  • 위의 조건은 programming 언어에서의 일급객체 (first class object / first class citizen) 의 조건이다
  • 함수를 인자로 전달
  • 함수를 반환

Closure

: closure는 함수와 함수가 선언된 어휘적 환경 (lexical scoping, environment)의 조합이다

function makeAdder() {
    var x =1
    return function(y){
        return x+y
    }''
}
var add1 =
  • 밖에 있었던 변수 등을 안에서도 기억하고 있는 것!!!


LEGB rule

  • local
  • environment
  • global
  • build-in

LEGB figure