this, 내장객체_js
2022. 1. 30. 12:38ㆍksmart_html_css_js/JavaScript
728x90
this 키워드
- 객체화된 객체의 자신
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>this, 내장객체</title>
</head>
<body>
<script type="text/javascript">
console.log(this,'window 객체');
var obj={
fn:function(){
console.log(this,'메서드 내에 소속되어 있는 객체 this');
var subObj={
subFn:function(){
console.log(this,'메서드가 소속되어 있는 객체 this');
}
}
subObj.subFn();
}
}
obj.fn();
</script>
</body>
</html><script type="text/javascript">
console.log(this,'window 객체');
var obj={
objName:'',
fn:function(){
var parentObj=this;
console.log(this,'메서드 내에 소속되어 있는 객체 this');
var subObj={
subObjName:'',
subFn:function(){
parentObj.objName='홍길동';
console.log(this,'메서드가 소속되어 있는 객체 this');
console.log(parentObj, '상위 this 출력 ');
}
}
subObj.subFn();
}
}
obj.fn();
</script>상위의 this를 출력하고 싶을 때는 상위에서 변수를 선언해주면 된다.
var parentObj = this;
parentObj.objName = '홍길동';
내장객체
- 브라우저에 내장된 객체(내장된 생성자 함수)
- new 연산자를 활용하여 객체화
- 구문 : 참조변수 = new 내장객체명();
내장객체 - 날짜
- 프론트 단에서 날짜 관련 작업이 필요 할 경우
- 구문 : 참조변수 = new Date();
- 날짜 객체
<script type="text/javascript">
var date1 = new Date();
console.log(date1);
</script>- 내가 원하는 날짜 기준으로 날짜 객체화 시키기
var date2= new Date('2021-10-10');
console.log(date2);
내장객체 - 배열
| join(연결 문자) | 배열 객체의 데이터를 연결 문자 기준으로 1개의 문자형 데이터로 반환 |
| reverse() | 배열 객체의 데이터 순서를 거꾸로 바꾼 후 반환 |
| sort() | 배열 객체의 데이터를 오름차순으로 정렬 |
| slice(index1, index2) | 배열 객체의 데이터 중 원하는 인덱스 구간만큼 잘라서 배열 객체로 가져옴 |
| splice() | 배열 객체의 지정 데이터를 삭제하고 그 구간에 새 데이터를 삽입 |
| concat() | 2개의 배열 객체를 하나로 결합 |
| pop() | 배열에 저장된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제 |
| push(new data) | 배열 객체의 마지막 인덱스에 새 데이터를 삽입 |
| shift() | 배열 객체에 저장된 데이터 중 첫 번째 인덱스에 저장된 데이터를 삭제 |
| unshift(new data) | 배열 객체의 가장 앞의 인덱스에 새 데이터를 삽입 |
| length | 배열에 저장된 총 데이터의 개수를 반환 |
728x90
'ksmart_html_css_js > JavaScript' 카테고리의 다른 글
| 02. 브라우저 객체 모델_js (0) | 2022.01.30 |
|---|---|
| 01. 브라우저 객체 모델_js (0) | 2022.01.30 |
| 객체 생성자 함수 프로토타입_js (0) | 2022.01.30 |
| 객체생성자함수_js (0) | 2022.01.30 |
| 체이닝기법_js (0) | 2022.01.30 |