[1일1js] 자바스크립트 객체 기본
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Basics
자바스크립트 객체 기본
객체 기본
객체는 관련된 데이터 및/또는 기능의 모음입니다(일반적으로 여러 변수와 함수로 구성됩니다. 개체 내부에 있을 때 속성 및 메서드라고 함).
=> 똑같이 객체 안에 있지만
데이터 항목은 속성
ex)
const data = {
age:19
}
data.age
함수는 메소드
ex)
const data = {
join: function() {
alert(this.age[0])
}
}
data.join()
이와 같은 객체를 객체 리터럴(object literal )이라고 합니다. — 우리는 객체를 생성할 때 문자 그대로 객체 내용을 작성했습니다. 이것은 나중에 살펴볼 클래스에서 인스턴스화된 객체와 대조됩니다.
=> 리터럴이 이거군 그리고 클래스에서 인스턴스화된 객체랑은 또 다르고
점 표기법
객체의 이름 data는 네임스페이스 역할을 한다.
캡슐화된 모든 데이터들을 엑세스할 수 있다.
. => 이걸 점 표기법이라고 한다.
객체 안에 객체를 만드는 것도 가능 => 하위 네임스페이스
대괄호 표기
=> 점 표기법처럼 인덱스 등과 같이 접근 가능
=> 이 이유로 연관 배열이라고 불리운다
개체 구성원 설정
=> 데이터를 자유자재로 추가하고 변경할 수 도 있다(함수 포함)
이게 뭔가요"?
this
=> 승재 형도 이건 어려울 거라고 말한 this
왜 data를 직접 안쓰고 this를 활용하는가?
생성자 등을 만들기 시작할 때 this매우 유용합니다.
이것은 객체 리터럴을 손으로 작성할 때는 별로 유용하지 않지만 객체를 동적으로 생성할 때(예: 생성자를 사용하는 경우) 실제로 유용합니다. . 나중에 모든 것이 명확해질 것입니다.
=> 내용이 바뀌는걸 바로바로 반영해준다거나 그런 유용한 기능을 하는듯.
당신은 항상 객체를 사용했습니다
메소드들 전부 객체를 활용한 것을 알고 있었다.
????
=> 그런데 prototype과는 무슨 차이지 ????
=> js에만 있는 문법으로 자식 object에게 데이터를 물려줄 수 있다
Author And Source
이 문제에 관하여([1일1js] 자바스크립트 객체 기본), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@2taesung/1일1js-자바스크립트-객체-기본저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)