Cho's study 웹공부정리

함수란? 함수는 Function 이라는 객체의 인스턴스이다. 따라서 함수는 객체 Function이 가지고 있는 메소드들을 상속하고 있다. 함수 예제 function sum(arg1, arg2){ return arg1+arg2; } alert(sum.apply(null, [1,2])) //3 함수 sum은 Function 객체의 인스턴스다. 그렇기 때문에 Function 의 메소드 apply를 호출 할 수 있다. apply 메소드는 두개의 인자를 가질 수 있는데, 첫번째 인자는 함수(sum)가 실행될 컨텍스트이고, 두번짜 인자는 sum 함수의 파라미터에 대입할 값이다. 함수 메서드 o1 = {val1:1, val2:2, val3:3} o2 = {v1:10, v2:50, v3:100, v4:25} funct..

함수에는 arguments라는 변수에 담긴 숨겨진 유사 배열이 있다. 이 배열에는 함수를 호출할 때 입력한 인자가 담겨있다. function sum(){ var i, _sum = 0; for(i = 0; i < arguments.length; i++){ document.write(i+' : '+arguments[i]+' '); _sum += arguments[i]; } return _sum; } document.write('result : ' + sum(1,2,3,4)); //0 : 1 //1 : 2 //2 : 3 //3 : 4 //result : 10 자바스크립트는 매개변수가 없어도 에러가 나지 않는다. 자용자가 전달한 인자에 접근할수 있다. arguments.length 를 이용하여 인자의 개수를 알..

클로저 클로저(closure)는 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가르킨다. 클로저는 자바스크립트를 이용한 고난이도의 테크닉을 구사하는데 필수적인 개념으로 활용된다. 내부함수 function outter(){ var title = 'coding everybody'; function inner(){ alert(title); //'coding everybody'; } inner(); } outter(); inner 함수에서 외부함수인 outter 함수의 title 변수에 접근할 수 있다. 클로저 내부함수는 외부함수의 지역변수에 접근 할 수 있는데 외부함수의 실행이 끝나서 외부함수가 소멸된 이후에도 내부함수가 외부함수의 변수에 접근 할 수 있다. 이러한 메커니즘을 클로저라고 한..

JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값이다. 거의 모든 언어가 함수를 가지고 있다. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다. 값으로서의 함수 매개변수로 함수 넘기기 function a(){} // a 라는 변수에 담긴 함수이다. a = { b:function(){ //함수는 값이기 때문에 a의 메서드b에 저장할 수 있다. } }; function cal(func, num){ //func 라는 매개변수로 함수를 전달할 수 있다. return func(num) } function increase(num){ return num+1 } function decrease(num){ return num-1 } alert(cal(increase, 1..

유효범위(Scope)는 변수의 수명을 의미한다. var vscope = 'global'; //전역변수 (애플리케이션 전역에서 접근이 가능하다.) function fscope(){ var vscope = 'local'; //지역변수 (함수 안에서만 접근할 수 있다.) alert(vscope); } function fscope2(){ alert(vscope); } fscope(); //local fscope2(); //global 함수 밖에서 변수를 선언하면 그 변수는 전역 변수가 된다. 전역변수는 사용하지 않는 것이좋다. 여러가지 이유로 그 값이 변경될 수 있기 때문이다. 변수를 선언할 때는 꼭 var 을 붙여야 한다. 지역변수의 사용 function a (){ var i = 0; // 루프를 돌때마다 i..

객체 : 중복되지 않는 인덱스를 문자로 가지고 있다. key와 value로 이루어져 있다. 객체에는 객체를 담을수도 있고, 함수도 담을 수 있다. 객체의 생성 var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80}; key : 'egoing', 'k8805', sorialgi value : 10, 6, 80 객체의 생성2 var grades = {}; grades['egoing'] = 10; grades['k8805'] = 6; grades['sorialgi'] = 80; 비어있는 객체로 생성할 수 있고 대괄호('[]')로 객체를 접근할 수 있다. 객체의 생성 3 var grades = new Object(); grades['egoing'] = 10; grad..

배열(Array) 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입 입니다. var member = ['peng', 'korea', 'chobs'] console.log(member[0]); // index: 0 console.log(member[1]); // index: 1 console.log(member[2]); // index: 2 //'peng', 'korea', 'chobs' 하나의 변수에 데이터 3개를 담았고 이 데이터를 원소라고 합니다. 배열에 담겨있는 값을 가져올 때는 index 값으로 배열의 순번을 지정하여 배열 값을 가져 옵니다. return 배열 function get_members(){ return ['peng', 'korea', 'chobs']; } var me..

함수(function) 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여줍니다. function 함수명( [인자...[,인자]] ){ 코드 return 반환값 } 함수는 function 뒤에 이름이 오고, 소괄호가 따라온다. 소괄호에 인자라는 값이 따라오고 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수다. function numbering(){ i = 0; while(i < 10){ document.write(i); i += 1; } } numbering(); 함수의 이름은 numbering이고, 내용은 0부터 9까지를 화면에 출력한다 만약 아래의 코드를 1000번 실행해야 한다면? var i = 0; while(i < 10){ document.write(i); i += 1..

반복문이란? 반복적인 작업을 컴퓨터에게 지시한다. 반복문의 문법 while : while문은 뒤에 따라오는 괄호 안의 조건이 참(true)면 중괄호 안의 코드 구간을 반복적으로 실행한다. while (조건){ 반복해서 실행할 코드 } 예제) var i = 0; // 종료조건으로 i의 값이 10보다 작다면 true, 같거나 크다면 false가 된다. while(i < 10){ // 반복이 실행될 때마다 coding everybody 이 출력된다. 줄바꿈을 의미하는 HTML 태그 document.write('coding everybody'+ i +' '); // i의 값이 1씩 증가한다. i++; } i의 값으로 반복의 지속 여부를 결정하여 while문을 빠져 나올 수 있다. for문 : for(초기화; 반..