리터럴 : 표기법

a. 객체 리터럴: 객체를 생성하는 표기법

b. 함수 리터럴: 함수를 생성하는 표기법

var foo={name:'foo', age:30, gender: 'male}; //객체리터럴
function add(x,y){ //함수 리터럴
	return x+y;
}

함수: javascript에서 함수도 일반 객체처럼 값으로 취급

함수표현식

a. 변수에 함수를 값으로 할당, 보통 익명함수를 할당함

b. 기명함수를 할당해도 기명으로 사용할 수 없다

var add= function(x,y){ //add: 함수변수
	return x+y; 
}
var add= function sum(x,y){
	return x+y;
} 
//위 add 함수는 스크립트 엔진이 아래와 같이 변경시킴
var add= function **add**(x,y){
	return x+y;
} 
add(3,4) //7
sum(5,6) //에러 발생 , 기명함수 값 사용 불가

익명함수: 이름이 없는 함수형태

함수 호이스팅

• 발생원인: 스크립트의 변수 생성과 초기화 작업이 분리돼서 진행됨
• 함수 선언문 형태로 정의한 함수의 유효범위는 코드의 맨 처음부터 시작함
• 호이스팅 문제로 함수 선언문을 사용 안하는 걸 추천하는 사람도 있음

add(2,3); //5
function add(a,b){
	return a+b;
};
add(3,4); //7

add 함수코드는 함수 객체 add의 [code] 프로퍼티에 저장됨

함수는 일급객체

a. 변수나 배열의 요소에 할당가능

b. 함수의 인자로 전달 가능

c. 함수의 리턴값으로 사용 가능

d. 동적으로 프로퍼티생성가능

var foo = function(){
    return function(){
        console.log("함수에함수");
    }
}
var baz = foo();
baz();

Function.prototype 객체: 모든 함수 객체의 부모역할을 하는 프로토타입객체(—proto—)

a. constructor 프로퍼티

b. toString 메서드

c. apply ,call , bind 프로퍼티

prototype 프로퍼티

• 모든 함수는 객체로서 prototype 프로퍼티를 가지고 있다
• 부모를 나타내는 —prototype—와 혼동하면 안됨

함수 객체와 프로토타입 객체와의 관계

• 아래와 같이 서로 밀접하게 연결되어있다
• 함수 객체의 프로토타입의 생성자는 매핑된 함수를 가리킴(myFunction)

myFunction(함수객체)       myFunction.prototype(프로토타입 객체)
prototype 프로퍼티  -----> 
									  <-------consturctor 프로퍼티
                    

콜백함수: 어떤 이벤트가 발생했거나 특정시점에 도달했을때 시스템에서 호출되는 함수

ex) dom에서 이벤트 클릭시 함수실행

즉시 실행 함수

(function (name){
    console.log('my name is ', name)
})('foo');