Javascript

• Function 타입

  • 함수는 객체이다.
  • 오버로딩은 없다.
  • 마지막에 정의한 함수가 이전에 정의한 함수를 덮어씀을 쉽게 이해 할 수 있다.

  function addSomeNumber(num){ // 1번
    return num + 100;
  }
  function addSomeNumber(num){ // 2번
    return num + 200;
  }
  var result = addSomeNumber(100); // 300  2번 호출

• 함수 선언 vs 함수 표현식 (Hoisting)

  • 함수 선언은 어떤 코드도 실행하기 전에 이미 모든 EC에서 접근하고 실행할 수 있다.

  Hoisting이란 자바스크립트 엔진은 코드를 평가할 때 제일 먼저 함수 선언을 찾은 다음 이들을 맨 위로 올리는 과정을 말한다.

  • 함수 표현식은 코드 실행이 해당 줄까지 진행하기 전에는 사용할 수 없다.

alert(sum(10,10));
function sum(num1,num2){ // 함수 선언
  return num1 + num2;
}

alert(sum(10,10)); // error 함수가 정의되어 있지 않다.
var sum = function (num1,num2){ // 함수 표현식
  return num1 + num2;
}

• 값처럼 쓰는 함수

// someFunction : 함수매개변수,  someArgument : 콜백 함수에 넘길 값
function callSomeFunction(someFunction, someArgument){
  return someFunction(someArgument);
}

function add10(num){
  return num + 10;
}
var result = callSomeFunction(add10,10);
alert(result); // 20
 
function getGreeting(name){
  return "Hello " + name;
}
var result2 = callSomeFunction(getGreeting,"NESOY");
alert(result2); // Hello NESOY

• 함수의 내부 구조

  • 함수 내부에는 argument, this 객체가 존재
  • argument의 property에 callee : 객체의 소유자인 함수를 가리키는 포인터
  • caller , callee을 통해 함수와 이름 사이의 의존성을 제거

function factorial(num){
  if ( num <= 1){
    return 1;
  } else {
    return num * argument.callee(num-1);
  }
}

• 함수의 프로퍼티와 Method

  • 모든 함수에 length, prototype이 존재
  • length : 함수의 매개변수 갯수
  • prototype : 모든 참조 타입의 인스턴스 메서드가 존재하는 곳
  • apply(), call() 함수 존재

  function sum(num1, num2){
    return num1 + num2;
  }
  function callSum1(num1, num2){
    return sum.apply(this, arguments);  // arguments 객체를 넘긴다.
  }
  function callSum2(num1, num2){ //하나 하나 넘겨주어야 한다.
    return sum.call(this, num1, num2);
  }
  alert(callSum1(10,10)); // 10
  alert(callSum2(10,10)); // 10
 

• bind()라는 함수를 통해 this를 교체 할 수 있다.

• 내장된 싱글톤 객체

  • encodeURI(), encodeURIComponent()는 브라우저에 전달할 URI를 인코드하는 메서드

  • 유효한 URI는 공백문자 등의 일부 특수 문자를 포함할 수 없다.

  • decodeURI(), decodeURIComponent()도 있다.

  일반적으로 말해 베이스 URI뒤에 추가할 쿼리스트링을 인코드하는 경우가 많으므로 encodeURIComponent()를 훨씬 자주 쓰게 된다.

  • eval() : 문자열을 코드로 변환하여 실행한다.

• Math 객체

  • min(), max()
  • random()

참조

• http://insanehong.kr/post/javascript-function/