Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- jQuery
- BNX사이트
- 문자열 자르기
- IT
- sideproject
- 반응형
- JavaScript
- HTML
- 클리핑마스크
- CSS
- 메소드
- 제이쿼리
- 플렉스
- 웹
- PHP
- 판화
- MARGIN
- position
- web
- steak
- Transform
- CLIPING MASK
- flex
- 레이아웃
- 사이드바
- Poster
- float
- Photoshop
- 드롭다운메뉴
- 자바스크립트
Archives
- Today
- Total
코딩 슬라임 공방
객체,메서드,프로퍼티 본문
객체
데이터와 데이터와 관련된 동작(기능)을 모두 포함할 수 있는 개념적 존재입니다.
객체는 property와 function으로 이루어져있습니다.
- 데이터 : 이름과 값을 가지는 속성(property)
- 동작 : 일련의 관련된 동작을 정의한 함수(function)
간단한 예로 설명하면
고양이는 하나의 객체입니다
그리고 객체의 안에는 이런 내용들이 들어 갈 수 있습니다.
이름: 나비
종류: 스포티쉬폴드
먹이: 참치캔
객체의 필요성
- 관련있는 정보들을 모아놓기 위해서
- 코드의 관리가 쉬워집니다.
객체안에 존재하는 메서드나 데이터들을 사용해서 작성하면
나중에 객체 안에 존재하는 메서드나 데이터를 수정하면 작성된 모든 내용을 바꿀 수 있기 때문입니다.
객체의 구조
var cat = {
name: "나비",
species: ["코숏","스포티쉬 폴드"]
age: 3,
["cat eat"]: "참치캔",
act: fuction() {
return "물건떨어트리기"
}
}
객체에 정의된 "식별자"에 어떤것을 할당하느냐 에따라 property와 method로 나뉩니다.
식별자 : "자료형" - property입니다
식별자 : function(){} - method입니다
객체의 property란?
자료형의 종류 : 숫자, 문자열, boolean, 객체, 함수, undefined
함수를 제외한 자료형들을 property라고 부릅니다.
배열(array)도 사용 할 수 있습니다.
문자열을 사용할 때에는 ""로 감싸줘야합니다.
객체의 method(메서드)란?
객체에 속해있는 함수를 함수라고 부르지 않고 메서드/메소드라고 부릅니다.
var cat = {
act: fuction() {
return "물건떨어트리기"
}
}
프로퍼티 및 메소드 사용방법
일반 프로퍼티 사용방법
alert(cat.name);
문자열 프로퍼티 사용방법
alert(cat["cat eat"]);
메소드 사용방법
alert(cat.act());
'HTML_CSS_JAVA SCRIPT 수업' 카테고리의 다른 글
팝업만들기 중요점 정리 (0) | 2020.06.03 |
---|---|
REACT리액트 간단 정리 (0) | 2020.06.01 |
콜백함수,동기와 비동기 방식 (0) | 2020.05.30 |
JQuery 마우스 이벤트 정리 (0) | 2020.05.30 |
자바스크립트 매개변수와 인자 그리고 출력 (0) | 2020.05.29 |
Comments