객체_js

- 메모리에 등록된 데이터 ( 자료구조, 함수 )

- 속성과 기능을 가지고 있다.

- 변수에 대입된 객체는 참조변수라고 한다.

 

참조변수

- 메모리에 생성된 객체 주소를 생성된 변수가 참조하는 것

- 생성된 객체가 여러 변수에 대입되더라도 대입된 변수들은 같은 주소를 가지고 있으며,

이 변수들 중 객체의 값을 변경 할 경우, 모든 변수들은 같은 주소를 참조하고 있음으로

변경된 동일한 결과값을 가진다.

- 기본 자료형

<script type="text/javascript">
var n1=100;
var n2=n1;
console.log(n1,n2,'기본자료형');
n2=200;
console.log(n1,n2,'기본자료형');
</script>

- 객체

var arr1=[100];
var arr2=arr1;
console.log(arr1,arr2,'객체');
arr2[0]=1000;
console.log(arr1,arr2,'객체');

객체 선언

- 객체 내부에는 키와 값 한 쌍을 이루어 데이터를 저장 할 수 있다.

- 객체 선언은 {}, new Object();로 할 수 있다.

- 객체에 저장된 함수는 메서드라고 한다.

<script type="text/javascript">
	//객체 선언
	var obj01 = {};
	var obj02 = new Object();	
	console.log(obj01);
	console.log(obj02);
</script>

- 값을 저장과 동시에 객체 선언

- 키 : 값, 키 : 값

var obj03 = {
	name : '홍길동',
	age : 20 
};
console.log(obj03);

- 생성된 객체의 속성에 접근하기

var userName=obj03.name;
console.log(userName);
console.log(obj03['age']);

- 생성된 객체에 값 대입하기

동일한 키가 있다면 값 교체 동일한 키가 없다면 키 생성 하면서 값 저장

var obj04 = {};
obj04.name='이순신';
obj04['addr']='전주시';
console.log(obj04);

- 객체에 함수 저장하기(메서드)

객체의 메서드에 접근했을 경우 함수 코드 반환

실행을 하기 위해서는 ();

var obj05={
	myFn : function(){
	console.log('메서드 호출');
	}
}
obj05.myFn2=function(){
	console.log('메서드 호출2');
}
console.log(obj05);
obj05.myFn()

var obj06={
	name:'홍길동',
	getName:function(){
		console.log(this,'this 키워드');
		return this.name;
	}
}
var obj06Name=obj06.getName();
console.log(obj06Name,'this 키워드로 속성 접근 후 반환');