메모장

29. 객체 예고 본문

JavaScript/[생활 코딩 JS]

29. 객체 예고

Itchild 2024. 4. 25. 13:31
728x90
반응형

 

여러분에게 제시할 객체의 얼굴 중 하나는 바로 정리정돈의 수단으로서의 객체 입니다. 프로그래밍을 하다보면 코드가 많아지고, 코드가 많아지면 잘 정리 정돈 하기위해 함수라는 것을 씁니다. 그러한 상황에서 서로 연관된 함수와 변수를 같은 이름으로 그루핑해서 잘 정리 정돈하기 위한 도구를 객체 라고 말씀드리고 싶습니다.

자바 스크립트를 만든 사람들은 이런 경우에는 사용하라고 객체라는 것을 장만 했습니다. 서로 연관된 함수와 변수를 그루핑 해서 정리정돈하기 위한 수납상자로서 객체라는것이 존재한다는 것입니다.

<script> 
function nightDayHandler() {
	var target = document. querySelector('body');
	if(self.value === 'night'){
		Body.setBackgroundColor = 'black';
		Body.setColor = 'white';
		self.value = 'day';
		
	
			Links.setColor('powderblue');
			
		}
	} else {
		Body.setBackgroundColor = 'white';
		Body.setColor = 'black';
		self.value = 'night';
		
		
		Links.setColor('blue');
			
		}
	}
}
</script>
 

여기서 배우는 객체라고 하는 것 역시 아직 만드는 법은 배우지 않았지만 폴더라는 관점으로 보셔도 됩니다.

또 한가지 중요한것으로 document라는 것이 있습니다. document 역시 객체 라는것을 알 수 있습니다.

즉 , document.querySelector()의 형태를 보면 querySelector() 라는 것이 document 라는 객체에 속한 함수라는 것을 알 수 있습니다. 그리고 객체에 속한 함수는 함수라 하지 않고 메서드 라고 부릅니다.

 

지금 작성한 코드는 현재 동작하지 않는 코드입니다. 동작하는 코드로 바꾸는 것은 다음시간에 이어서 합시다.

 

728x90
반응형

'JavaScript > [생활 코딩 JS]' 카테고리의 다른 글

31. 객체와 반복문  (0) 2024.04.26
30. 객체쓰기와 읽기  (0) 2024.04.25
28. 함수의 활용  (0) 2024.04.25
27. 함수 (return 문)  (0) 2024.04.25
26. 매개변수와 인자  (0) 2024.04.25