Javascript Study4

작성일 | In

Javascript

No Image

  • 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/

0%