반응형
자바스크립트의 객체 지향을 공부했다. 파이썬의 Class 와 유사했다.
파이썬의 클래스에서 init에서 변수를 선언하고 그 뒤에 함수들을 선언해서 사용하는 것과 유사하게 javascript 에서 사용할 수 있다.
아래 예를 통해 이해해 보자.
코드>>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a_var = {
'variables' : {"a":1, "b":2, "c":3},
'function' : function() {
for (const x in this.variables) {
document.write(x)
}
}
}
a_var.function();
</script>
</body>
</html>
결과>>
주석>>
a_var 라는 객체 안에 변수들을 키값하나에 다시 객체로 넣었다.
그리고 함수를 'function'이라는 키값 안에 넣었다. for 문 안에 this가 있는데 이것은 python에서 self를 말하는 것처럼 여기서는 a_var 자신을 가리키는 것이다.
그래서 a_var에서 변수 키값인 "variables"를 사용해서 값을 가져와서 함수에 적용한 것이다.
반응형
'웹관련프로그래밍(web programming) > Javascript 자바스크립트' 카테고리의 다른 글
| bootstrap, container-fluid,container 클래스 비교 (0) | 2020.12.24 |
|---|---|
| javascript css html head에서 정의(선언) (0) | 2020.12.24 |
| javascript 배열 명령어들 정리 (추가, 삭제, 정렬) (0) | 2020.12.21 |
| javascript breakpoint 디버깅 방법 (0) | 2020.12.20 |
| javascript documnet write 란 (0) | 2020.12.20 |