개발하는 냥이 (=ↀωↀ=)

즉시 실행 함수 - 함수를 정의함과 동시에 바로 실행 - 최초 한번만 실행하는 코드를 처리하기에 적합.. - 대다수의 라이브러리에서 사용 형태 (함수정의)(실행하기 위한 매개변수 값, ...); 소스 "use strict"; // use strict를 함수로 인식해서 ; 처리함 //익명함수에 대한 정의, 실행 (function() { console.log("즉시 실행 함수 호출됨..."); })(); (function(msg) { console.log("즉시 실행 : ", msg); })("test"); 결과 즉시 실행 함수 호출됨... 즉시 실행 : test

개발/JavaScript 2018. 11. 29. 13:56

함수의 매개변수 타입이 기본형인 경우 원본 데이터에 영향이 없다. 소스 "use strict"; var i = 100; // 글로벌 변수 console.log("i : ", i); function fn(i) { // var i 이 생략된 형태로, 함수내에서 선언된 변수 i 이다. i = i + 100; console.log("fn i : ", i); } // 넘겨준 매개변수가 기본형으로 원본 데이터에 영향이 없다. fn(i); // 글로벌변수 i console.log("글로벌 i : ", i); 결과 i : 100 fn i : 200 글로벌 i : 100 매개변수에 객체 타입이 넘어온 경우 원본 데이터에 영향을 끼친다. 소스 "use strict" var arr = [10, 20, 30]; console..

개발/JavaScript 2018. 11. 29. 13:41

콜백함수 이해하기 - 1 - 자바스크립트 라이브러리에서 가장 많이 사용되는 형태 - 함수형 프로그래밍 : 활용하는 형태... - 함수도 데이터 타입의 일종이기 때문에 값처럼 주고 받을 수 있다. 소스 "use strict"; function fn() { console.log("fn 호출됨.."); } // 함수는 값처럼 사용 가능하기 때문에 변수에 담을 수 있다. (일급객체) var f1 = fn; var f2 = fn; fn(); f1(); f2(); 결과 fn 호출됨.. fn 호출됨.. fn 호출됨.. 콜백함수 이해하기 - 2 - 매개변수로 함수 넘기기 - 매개변수로 함수를 넘길때 주로 익명함수를 많이 사용한다. (대부분 일회성으로 사용되기에..) 소스 function fn(callback) { //..

개발/JavaScript 2018. 11. 29. 13:16

내부 함수 - 함수 안에 선언된 함수 - 내부함수의 호출은 자신이 선언된 외부함수 내에서만 접근이 가능함 소스 "use strict"; // 자신을 감싸는 함수가 없는 외부 함수 function outerFn() { console.log("outerFn"); // 내부 함수 function innerFn() { console.log("innerFn"); } // innerFn을 포함하고 있는 함수내에서만 호출 가능 // 내부 함수 호출 innerFn(); } outerFn(); // 외부에서 호출 불가능 //innerFn(); 결과 outerFn innerFn

개발/JavaScript 2018. 11. 29. 11:15

- 글로벌 변수 : 함수 밖에 선언, 전역에서 사용이 가능 - 로컬 변수 : 함수 내에 선언, 함수 내에서만 사용 가능, 함수 종료와 함께 제거된다. 소스 var msg = "글로벌 변수"; console.log("msg", msg); function fn() { var localMsg = "로컬 변수"; console.log("msg - fn", msg); console.log("localMsg - fn", localMsg); } fn(); console.log("localMsg - fn", localMsg); // localMsg is not defined // localMsg 값을 사용하기 위해서는 fn() 함수내에 정의된 localMsg가 리턴값이 있는 함수여야 함 결과 msg 글로벌 변수 msg..

개발/JavaScript 2018. 11. 28. 15:01

함수의 매개변수 - 기본 제공되는 함수의 property (내부 프로퍼티) : arguments - 유사배열 객체 : 배열과 유사하게 사용할 수 있도록 선언된 객체, length 프로퍼티를 포함한다. var arr = [10, 20, 30]; // 배열 var arr = {0:10, 1:20, 2:30, length:3} // 배열처럼 쓸수 있는 유사 배열 객체 소스 function fn() { //console.log(arguments); console.log("호출시 넘어온 매개변수 개수 : ", arguments.length); for (var i = 0; i < arguments.length; i++) { console.log(arguments[i]); } } fn(); fn(1, 10); fn(..

개발/JavaScript 2018. 11. 28. 14:56

함수의 오버로딩과 호이스팅 - 함수의 오버로딩을 지원하지 않는다. - 동일한 이름의 함수가 여러개 있을 때는 덮어쓰기 방식으로 처리된다. - 함수 호출시 매개변수의 개수는 호출에 영향을 주지 않는다. (매개변수의 갯수가 아닌 이름으로 찾는다) 소스 "use strict"; var fn = function() { console.log(0); }; fn(); function fn() { console.log(1); } fn(); function fn() { console.log(2); } fn(); function fn(num1, num2, num3) { console.log(3); } fn(1, 2, 3); 호이스팅과정 - 선언시 var fn function fn () { console.log(1); } ..

개발/JavaScript 2018. 11. 28. 14:46

ES 6 (ECMA 스크립트) 에서 추가된 화살표 함수 (Java 8부터는 람다) (arrow function) - 1 - 함수를 심플하게 정의할 수 있도록 해준다. - 형태 (매개변수) => {명령어; ...} 소스 var fn1 = function func1() { //func1(); // 재귀적 호출시, 이 블럭에서만 사용 가능 console.log("익명 fn1"); }; // func1(); 호출안됨 fn1(); // 익명함수형태에서 function 키워드만 빠진것.. 기능이 다름 // 매개변수가 없는 경우의 화살표 함수 fn1 = () => { console.log("화살표 fn1"); }; fn1(); // 매개변수가 있는 익명 함수 var fn2 = function(num) { consol..

개발/JavaScript 2018. 11. 28. 14:10