글
자바스크립트 정리 6 (객체)
## 객체
1. 객체 (프로퍼티와 메소드)
1) 호출 및 접근
- 객체이름.함수이름(); //-- 객체안의 함수 호출
- 객체이름.메소드이름(); //-- 객체안의 메소드 호출
- 객체이름.개체데이터이름 //-- 객체의 데이터(프로퍼티)에 접근
[참고] 객체지향 언어에서의 용어
- 함수를 메소드(Method)라는 용어를 사용
- 객체안의 데이터를 프로퍼티(property)라는 용어를 사용
* 'this.메소드'에서 this의 의미
- 자바스크립트를 객체기반 프로그램과 객체지향 프로그램에서 메소드가 소속된 객체를 의미한다.
## 클래스
1. 클래스 (객체의 틀, 비슷한 부류의 객체들의 공통성을 모은 것)
- 역활: 객체를 만드는 틀을 제공
-> A.class -> A-1 객채를 만들때 필요한 정보를 가지고 있음
- 클래스를 통해서 만들어진 객체를 인스턴스라고 함
2. 클래스 프로퍼티
- 클래스 프로퍼티로 정의하면 클래스에만 생기고 객체에는 생기지 않는다.
- 클래스 프로퍼티는 해당 클래스의 모든객체에서 공유할 수 있다.
=> 동일한 프로퍼티가 모든 객체에 생기면 비효율 적이기 때문에
1) 형태
- 클래스이름.클래스프로퍼티이름
3. 인스턴트 프로퍼티
1) 형태
- 객체이름.프로퍼티이름
4. 클래스 메소드와 인스턴스 메소드
1) 형태
- 클래스이름.클래스메소드이름(); //-- 클래스 메소드 호출
- 객체이름.인스턴스메소드이름(); //-- 인스턴스 메소드 호출
2) 차이점
- 클래스메소드: 객체의 프로퍼티 값을 사용하지 않아도 되는 메소드를 사용
-> 모든 객체에 동일하게 적용되는 메소드를 사용
- 객체의 프로퍼티 값을 사용해야하는 메소드에 해용
-> 객체의 구분이 필요한 메소드에 사용
5. 객체로 구성되는 객체
- 객체 안에 객체들로 구성된 객체의 메소드를 호출하는 방법
-> 객체1.객체1-1.객체1-1-1.객체1-1-1-1(); //-- 점(.)을 이용하여 구분해서 호출
- 객체 안의 객체들로 구성된 객체의 프로퍼티 접근 방법
- 객체1.객체1-1.객체1-1-1.객체1-1-1-1 = 13;
'난독화 > 자바스크립트 공부' 카테고리의 다른 글
자바스크립트 정리 8 (정규표현식) (0) | 2013.11.26 |
---|---|
자바스크립트 정리 7 (이벤트) (0) | 2013.11.16 |
자바스크립트 정리 5 (함수) (0) | 2013.11.15 |
자바스크립트 정리 4 (배열) (0) | 2013.11.13 |
자바스크립트 정리 3 (반복문) (0) | 2013.11.13 |
글
자바스크립트 정리 5 (함수)
## 함수
1. 함수 형태
1) 형태 (선언)
- var 함수이름 = function() { } 또는 var 함수이름 = function(매개인자) { }
- function 함수이름() { } 또는 function 함수이름(매개인자) { }
2) 호출
- 함수이름() -- 매개인자가 없을 경우
- 함수이름(매개인자) -- 매개인자가 있을 경우
2. 내장함수 : 자바스크립트에서 이미 정의 해놓은 함수
1) alert() : 데이터를 경고창을 뛰워 보여줌
2) document.write() : 데이터를 웹브라우져 화면에 출력
3) eval() : 실행함수
4) confirm() : 경고창으로 뜨며, 사용자에게 확인을 받을때 사용
→ 확인을 누를 경우 true 값을 반환하고, 취소를 누를경우 false 값을 반환한다
5) prompt() : 사용자에게 문자열 입력을 받아 프로그램에 이용할 때 사용
ex) prompt("매개인자1","매개인자2") -- 아래 그림 참조
6) isFinite() : 매개인자가 유한한 수이면 true, 무한하거나 숫자가 아니면 false
7) isNaN() : 매개인자가 숫자면, false를 숫자가 아니면 true를 반환
* 이외에도 다양한 내장함수가 있다.
3. 전역변수와 지역변수
- 전역변수: 모든 함수 에서 공유하는 변수
- 지역변수: 함수 안에서 변수를 정의하며, 그 함수 안에서만 사용가능한 변수
ex)
<script>
var s = "전역변수"; //-- 전역변수 선언
function a(){
var s = "지역변수"; //-- 함수안에서 지역변수 선언
alert(s); //-- 지역변수가 출력된다.
}
function b(){
alert(s); //-- 전역변수가 출력된다.
}
a(); //-- 함수 a 실행
b(); //-- 함수 b 실행
</script>
[참고] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
위의 예제에서 지역변수 선언 부분을 var s = "지역변수"가 아닌 s = "지역변수" 로 하면 b 함수
실행 시 "지역변수"가 출력된다.
s = "지역변수" 는 s변수를 선언하는게 아닌, s변수에 "지역변수" 문자를 할당 한다는 의미이기
때문이다.
* 함수에 대해서는 이미 난독화 공부에서 정리했기 때문에 그외의 부분만 정리하였다.
자세한 내용이 궁금하다면 아래 링크를 참조하기 바란다
- 바로가기 : http://kwangguevara.tistory.com/19
'난독화 > 자바스크립트 공부' 카테고리의 다른 글
자바스크립트 정리 7 (이벤트) (0) | 2013.11.16 |
---|---|
자바스크립트 정리 6 (객체) (0) | 2013.11.16 |
자바스크립트 정리 4 (배열) (0) | 2013.11.13 |
자바스크립트 정리 3 (반복문) (0) | 2013.11.13 |
자바스크립트 정리 2 (조건문) (0) | 2013.11.13 |
글
자바스크립트 정리 4 (배열)
## 배열
1. 일차원 배열
1) 형태 (선언)
- var a = new Array();
- var a = new Array(10); -- 요소를 10개 가진 배열 선언
- var a=[1,2,3,4];
ex)
<script>
var a = new Array();
a[0] = 1;
a[1] = 2;
a[2] = 3;
a[3] = 4;
alert(a);
</script>
- alert(a.length); // -- 배열의 요소 갯 수를 알수 있다.
[참고]
1. 자바스크립트 배열은 객체로 취급된다.
2. 자바스크립트에서 배열은 여러 타입의 데이터가 들어갈 수 있다
3. 배열로 정의한 변수에 다시 숫자, 문자 등을 할당하면, 배열로 사용할 수 없다.
2. 2차원 배열
1) 형태 (선언)
- var a = new Array(2);
a[0] = new Array(4);
a[1] = new Array(4);
- var a = new Array(new Array(4), new Array(4));
- var a = [[1,2,3,4], [5,6,7,8,]];
* 데이터 저장: a[0][1] = 1;
'난독화 > 자바스크립트 공부' 카테고리의 다른 글
자바스크립트 정리 6 (객체) (0) | 2013.11.16 |
---|---|
자바스크립트 정리 5 (함수) (0) | 2013.11.15 |
자바스크립트 정리 3 (반복문) (0) | 2013.11.13 |
자바스크립트 정리 2 (조건문) (0) | 2013.11.13 |
자바스크립트 정리 1 (연산자) (0) | 2013.11.10 |