📢객체
자바스크립트는 객체 기반 프로그래밍 언어이다. 즉, 객체 지향 언어이다.
객체를 구성하는 요소로는 속성(property)과 기능(method)로 이루어져 있다.
[기본형]
객체.속성명 = 값;
: 특정 객체의 속성의 값을 바꾸고 싶을때
객체. 속성명;
: 특정 객체의 할당되어 있는 속성값을 알고 싶을 때
객체.메서드();
: 특정 객체의 기능을 실행시킬때📖객체의 종류
자바스크립트의 객체는 크게 내장객체, 브라우저 객체모델(BOM, Browser object Model),
문서객체(DOM, Dosument Object Model)
🔍내장 객체란, 자바스립트 엔진 안에 내장되어 필요한 경우에 생성하여 사용할 수 있다.
(=꺼내 쓸수 있다.) 내장 객체의 종류로는 날짜 객체, 문자, 배열, 수학객체가 있다.
(built - in - object )
내장객체는 자바스크립트 엔진 안에 내장된 객체를 말하며, 필요한 경우 객체를 생성하여
사용할 수 있다. 내장 객체를 생성할 때에는 new라는 키워드를 이용하여 생성할 수 있다.
🌞객체는 변수안에 선언해야 한다.🌞
🔍브라우저 객체란, 말 그대로 브라우저를 의미한다. 브라우저에 계층 구조로 내장되어 있다.
브라우저 객체의 종류로는 window, location, screen, history, navigator객체 등이 있다.
🔍문서객체란, html문서 구조를 말한다. html태그는 최상위 객체로 안쪽에 다양한 하위 객체들을
포함한다. 하지만 자바스트립트의 문서객체는 브라우저간의 호환성이 낮다는 단점이 있어,
jQuery라는 언어가 개발되었다. 현재는 ES6 버전으로 자바스크립트의 호환성을 높인 버전으로 업데이트
되어, 다양한 속성과 기능을 이용해 태그들을 제어할 수 있다.
[기본형]
1.var 변수 = new object();
변수.속성1 = 값;
변수.함수(메서드) = 함수(){코드};
object는 생성함수라는 뜻으로, 커스텀하여 만들 객체를 선언할 때 사용한다.
🌞2. var 변수 = {
속성명1 : 값1,
속성명2 : 값2,
함수명 : function(){코드} -> 매서드
}
1번 기본형의 축악형으로, new Object()가 곧 {}이다.
{}중괄호 안에 속성과 메서드를 한꺼번에 선언하여 쓸 수 있다.
