본문 바로가기
웹(web)/프론트엔드-javascript

[Function] Funtion create

by 바코94 2020. 5. 31.

js에서 function을 만들어보자.

 

방식 1

function add(x,y) {

  return  x+y;

}

 

c와 python을 섞어둔 모습같다.  python과 같이 매개변수와 리턴값에 대한 타입을 안 적는다.

 

방식2

var sum = funtion add(x,y){

  return x+y;

};

 

방식 2에서 } 뒤에 세미콜론을 써야한다.

 

방식 1과 2는 엄연히 구조가 다르다.

방식 1, 2의 구조

방식1 functionadd(x,y){ return x+y}

방식2 sum----> functionadd(x,y){return x+y}

 

방식2를 함수 표현식이라고 칭한다. 다른 디테일이 있지만 단순하게 사용하고 추후에 살펴보는 것이 헷갈리지 않고 좋다.

 

방식3

var sum= new Function('x', 'y', 'console.log(x) ; return x+y;');

 

마지막 인자가 function body이고 나머지는 argument이다. 

 

사용하는 방법은 방식1~3 모두 똑같다.

방식 1은 add(1,2) 방식2,3은 sum(1,2)로 쓰면 된다.

 

방식별 차이점에 대해서는 다음 포스팅에 정리하겠다.

 

'웹(web) > 프론트엔드-javascript' 카테고리의 다른 글

[Function] varient using function  (0) 2020.06.01
[Function] Function property  (0) 2020.05.31
[Operator] Primitive type & standard method  (0) 2020.05.30
[Data type] Array  (0) 2020.05.30
[Data type] Prototype  (0) 2020.05.30