본문 바로가기

학원

 (182)
[JavaScript] Object 클래스 함수 / Array 클래스 함수 / JSON 기능 Object 클래스 함수 Object 클래스 함수는 요소가 하나도 선언되어 있지 않은 클래스 함수로, 요소가 하나도 없는 객체를 생성할 때 사용한다. 요소가 하나도 없는 객체를 생성하고, 생성된 Object 객체에 요소를 추가하여 사용할 수 있다. 필요한 요소가 포함된 하나의 객체를 생성하기 위해서 사용한다. (다수의 객체를 만들어주는 것 보다는 단일 객체를 만들 때 많이 사용한다.) Object 객체를 생성해 변수에 저장 - Empty Object : 비어있는 객체 var student=new Object(); alert(student);//[object Object] Object 객체에 요소 추가 //요소에 값을 저장 - 프로퍼티 추가 student.num=1000; student.name="홍길동"..
[JavaScript] 프로토타입 메소드(Prototype Method) 프로토타입 메소드(Prototype Method) 클래스 함수를 사용하여 객체를 생성할 경우 클래스 함수에 선언된 프로퍼티와 메소드가 객체의 요소로 생성된다. 프로퍼티는 객체의 속성값을 저장하기 위해 객체마다 따로 생성되어 사용하는 것이 맞지만 메소드는 동일한 명령의 함수가 객체마다 따로 생성되어 저장되는 것은 비효율적이다. 객체의 메소드를 프로토타입 메소드로 선언하면 객체의 갯수에 상관없이 메소드가 하나만 생성되어 모든 객체가 공유하여 사용할 수 있다. 1) 클래스 함수 선언할 때 프로퍼티와 메소드를 함께 생성 function Student(num, name, address) { this.num=num; this.name=name; this.address=address; this.display=func..
[JavaScript] 클래스 함수 / 클래스 자바스크립트는 객체 지향 프로그래밍 언어로, 객체를 이용하여 프로그램을 작성한다. 자바스크립트는 모든 값을 객체로 표현하여 처리한다. 객체(Object) : 현실 세계에 존재하는 특정 대상을 프로그램에서 사용하기 위해 프로퍼티(Property)와 메소드로 표현한 것 프로퍼티(Property) : 표현대상의 속성 메소드(Method) : 표현대상의 행위 자바스크립트에서 객체를 생성하는 방법은 2가지가 있다. 1) 클래스 함수를 선언하고 new 연산자로 클래스 함수를 호출하여 객체를 생성한다. → 자바스크립트는 클래스 대신 함수(클래스 함수)를 사용하여 객체를 생성한다. 2) 클래스를 선언하고 new 연산자로 클래스의 생성자(Constructor)를 호출하여 객체를 생성한다. → ES6에서는 클래스를 선언하..
[JavaScript] 내장함수 1) 타이머 함수 시간 경과에 따른 명령 실행 함수 setTimeout(callback, ms) : 시간(ms) 경과 후 콜백함수를 한번만 호출하여 콜백함수의 명령을 실행하는 함수 → timeoutId(setTimeout 함수를 구분하기 위한 식별자) 반환 clearTimeout(timeoutId) : timeoutId의 setTimeout 함수의 실행을 취소하는 함수 setInterval(callback, ms) : 시간(ms) 경과마다 콜백함수를 반복적으로 호출하여 콜백함수의 명령을 실행하는 함수 → intervalId(setInterval 함수를 구분하기 위한 식별자) 반환 clearInterval(intervalId) : intervalId의 setInterval 함수의 실행을 취소하는 함수 ..
[JavaScript] 콜백함수(Callback Function) / 클로저함수(Closure Function) 콜백함수(Callback Function) 콜백함수는 함수를 활용하는 방법 중 하나로, 매개변수로 전달받은 함수를 뜻한다. 매개변수로 함수를 전달받아서 함수 내부에서 필요할 때 콜백함수를 호출할 수 있다. 함수명은 함수를 구분하기 위한 식별자로, 내부적으로 함수변수처럼 함수를 저장하여 사용한다. 함수명을 사용하여 함수 선언 (선언함수) function display1() { alert("display1 함수의 명령 실행"); } alert(display1);//변수에 저장된 값 출력 - 선언함수 출력 display1();//[display1 함수의 명령 실행] - 함수명을 이용하여 함수 호출 함수명 없이 함수 선언(익명함수) 하여 익명함수를 변수에 저장 var display2=function() { al..
[JavaScript] Return 명령 Return 명령 return 명령은 함수를 강제로 종료하기 위한 명령이며, 함수의 내부값(함수 명령의 처리 결과값)을 반환하는 기능을 제공한다. return의 역할 return의 가장 기본적인 역할은 함수를 종료해 주는 것이다. function display(name) { if(name=="김민지") { alert("관리자님, 안녕하세요."); return;//함수 종료 } alert(name+"님, 안녕하세요."); } display("김민지");//"관리자님, 안녕하세요." display("강해린");//"강해린님, 안녕하세요." return의 또 다른 역할은 함수 내부의 값을 외부로 반환하여 사용할 수 있도록 해주는 것이다. function sum(num1, num2) { return num1+n..
[JavaScript] 함수의 매개변수(Parameter) - 인자(Argument) 함수의 매개변수(Parameter) 매개변수(Parameter)는 함수에 작성된 명령을 실행하기 위해 반드시 필요한 값을 함수 호출시 전달받아 저장하기 위해 사용하는 변수이다. 매개변수는 var 키워드 없이 선언하면 지역변수로 처리된다. function sum(num1, num2) { alert("합계 = " +(num1+num2)); } 함수를 호출할 땐 매개변수의 갯수와 같은 갯수의 값을 전달하여 호출하면 된다. sum(10,20);//합계 = 30 함수 매개변수의 갯수보다 적은 갯수의 값을 전달하여도 함수 호출이 가능하지만 값을 전달받지 못한 매개변수는 [undefined] 자료형의 변수로 처리되어 비정상적인 결과를 제공한다. sum(10);//합계 = NaN 함수 매개변수의 갯수보다 많은 갯수의 ..
[JavaScript] 전역변수와 지역변수 전역변수와 지역변수 전역변수(Global Variable)는 함수 외부에서 선언된 변수이며, 모든 함수에서 사용이 가능하다. 지역변수(Local Variable)는 함수 내부에서 선언된 변수이며, 선언된 함수에서만 사용이 가능하다. 전역변수는 모든 함수에서 사용이 가능하다. var globalVar=100;//전역변수 function display1() { alert("display1 함수에서 사용하는 globalVar 변수값 = "+globalVar); globalVar=200;//함수에서 전역변수에 저장된 값 변경 } function display2() { alert("display2 함수에서 사용하는 globalVar 변수값 = "+globalVar); } display1();//display1 함..

티스토리툴바