JavaScript의 함수!!
그 동안, C, JAVA가 주력 언어였고..
C++도 학부시절에 기본 A~Z 까지는 배웠기에,
어느정도 절차적, 객체지향에 대해 개념이 있다고 생각해왔습니다만..
이번에 HTML5 를 접하게 되면서, 학부 때 잠깐 접한 JavaScript를 공부 중인데,
아직 적응이 안되고 있는 중 임요....
기존 알고 지낸 프로그래밍 언어의 함수의 용도는 동일하나,
쓰임새가 너무 자유자재라..
정리를 위해 아래 몇몇 Case를 올립니다.
(출처 : https://opentutorials.org/module/532/6508 참조)
1. 변수 Case
1) function a(){}2) a = {
b:function(){ <-- 객체내에('a'라는 객체) 있는 함수는 메소드라고 부른다. }};2. 매개변수 Case
function cal(func, num){ return func(num)}function increase(num){ return num+1}function decrease(num){ return num-1}alert(cal(increase, 1));alert(cal(decrease, 1));3. 리턴 값 Case
function cal(mode){ var funcs = { 'plus' : function(left, right){return left + right}, 'minus' : function(left, right){return left - right} } return funcs[mode];}alert(cal('plus')(2,1));alert(cal('minus')(2,1));
4. 배열 Case
var process = [ function(input){ return input + 10;}, function(input){ return input * input;}, function(input){ return input / 2;}];var input = 1;for(var i = 0; i < process.length; i++){ input = process[i](input);}alert(input);'나는 프로그래머다! > HTML5' 카테고리의 다른 글
| JavaScript - 이벤트 응용2 - 이벤트 타입 (0) | 2015.07.29 |
|---|---|
| JavaScript - 이벤트 응용3 - 기본 이벤트 동작 취소 방법 (0) | 2015.07.29 |
| JavaScript - 이벤트 응용1 (버블링과 캡쳐링) (0) | 2015.07.28 |
| JavaScript - 이벤트 (0) | 2015.07.28 |
| JavaScript에서의 객체와 객체지향 (0) | 2015.07.22 |
| JavaScript 재귀함수 예시 (0) | 2015.07.20 |
| jQuery 와 Element 객체와 Node 객체 (0) | 2015.07.16 |
| Attribute와 Property (0) | 2015.07.14 |
| DOM Tree (0) | 2015.07.13 |
| JQuery 초 간단 이해 (0) | 2015.07.10 |