728x90 300x250 SMALL 분류 전체보기1128 탭메뉴 함수 내부 여러 개의 중첩함수로 포장하기 01 기능분석 하나의 함수에 기능이 몇개가 들어있는지 분류한다. tabMenu라는 하나의 함수에 3개의 기능이 들어있다. 1_ 소스초기화 $tabMenu = $(selector); $menuItems = $tabMenu.find("li"); 2_ 이벤트 초기화 $menuItems.click(function(){ 3_ 탭메뉴 선택처리 // 기존 선택 메뉴 항목이 있으면 비선택 상태로 만들기 if($selectMenuItem!=null){ $selectMenuItem.removeClass("select"); } // 클릭한 메뉴 항목을 신규 선택 메뉴 항목으로 저장 $selectMenuItem = $(this); // 선택 상태로 만들기 $selectMenuItem.addClass("select"); 02 .. 2019. 8. 2. 콜백함수 콜백함수란? 1. 다른 함수의 인자로써 이용되는 함수. 2. 어떤 이벤트에 의해 호출되어지는 함수. 버튼 10번 클릭하면 "완료했습니다" 라는 얼럿창을 띄우는 코드를 콜백함수로 분리하기 문서가 실행되면 바로checkCount() 함수가 실행되고 버튼을 클릭하면 count 값이 ++ 된다 10번이상 클릭하면 완료되었습니다라는 메시지가 출력된다, + 콜백함수 사용 콜백함수를 이용해서 로직구현부분과 처리 부분을 분리해서 작업할수 있다. 2019. 8. 1. 클로저 함수 클로저 함수는 함수내부에 만든 지역변수가 사라지지 않고 계속 값을 유지하고 있는 상태를말한다. function func(){ var count=1; // 일반 지역변수 $("#btn").on("click", function(){ //클로저 count++; alert("count = "+count); } ); } 일반 지역변수의 경우 함수호출이 완료되면 사라지지만 클로저를 이용하면 함수호출이 완료된 후 사라지지 않는 데이터 저장소로 만들 수 있다. function 외부함수(){ var 변수A; function 내부함수(){ 변수A 사용; } } 클로저는 일종의 현상이기때문에 정해진 문법은 없다. 그래도 표현하자면 위의 문법처럼 내부함수에서 내부함수를 포함하고 있는 외부함수의 변수 A를 사용하는 구조로 표현.. 2019. 7. 31. 중첩함수, 콜백함수 함수는 크게 두가지로 나눌 수 있다. 1_사용자 정의 함수 사용자가 필요한 기능을 직접 만드는 함수 2_ 자바스크립트 코어 함수 자바스크립트에서 기본으로 제공하는 함수 사용방법에 따른 함수종류 - 일반함수 : 가장일반적으로 사용하는 함수 - 중첩함수 : 함수안에 있는 함수 - 콜백함수 : 함수 실행결과값을 리턴이 아닌 매개변수로 넘어온 함수를 호출해서 넘겨주는 방식을 콜백이라고 하고 이때 매개변수로 넘어온 함수를 콜백함수라고 한다. - 클로저함수 : 일반적으로 함수호출에 의해 함수내부의 실행구문을 모두실행하게 되면 함수 내부에서 만든 지역변수가 자동으로 사라지지만 어떤 경우에는 사라지지 않고 남는 경우가 있는데 이런현상을 클로저라고 하고 이런 현상을 일으키는 함수를 클로저함수라고 한다. 중첩함수 func.. 2019. 7. 30. 이전 1 ··· 247 248 249 250 251 252 253 ··· 282 다음 728x90 반응형 LIST