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()