반응형
자바스크립트 객체
자바스크립트에서 객체란 '값 또는 기능을 가지고 있는 데이터'를 말한다.
웹에서 최초의 객체는 웹브라우저이다. 자바스크립트는 웹브라우저에게 의사 전달을 하는 언어이다. 웹브라우저에게 의사 전달(명령)을 하기 위해 자바스크립트는 다양한 객체들을 제공한다. 그것의 대표적인 것은 window라는 객체이다. 자바스크립트에서 window는 웹브라우저에 접근할 수 있게 해 준다.
'값이나 기능을 보유하고 있는 데이터'가 객체이며 값이나 기능을 사용하기 위해서는 객체 뒤에 점을 찍어서 사용한다.
| 객체.데이터 | 객체가 보유하고 있는 데이터를 사용 가능(숫자 ,문자 등 다양한 데이터) |
| 객체.기능() | 객체의 기능을 사용할 수 있다(괄호가 있어야 한다) |
객체의 기능 alert: (괄호) 안에 따옴표를 쓰고 따옴표 속에 메시지를 쓴다.
alert ("Hello javascript"): window는 생략 가능
경고창 띄우는 예시: alert
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script src="test.js"></script>
</body>
</html>
</html>
window.alert("Hello javascript")아래처럼 경고창에 Hello javascript가 출력된다.
확인을 누르면 경고창은 사라진다.
경고창은 여러차례 반복해서 띄울 수 있다.
불필요하면 주석 처리할 수 있다.
window.alert("Hello javascript")
window.alert("Hello javascript")
window.alert("Hello javascript")자바스크립트 구문 작성 참고 사항
세미콜론
- 실행 문 끝에 세미콜론을 추가한다.
- 한 줄에 여러 문을 쓰려면 세미콜론으로 구분한다.
- a = 2; b = 6; c = a + b;
- 세미콜론이 필수는 아니지만 사용하는 것이 좋다.
자바스크립트 공백
- JavaScript에서 여러 공백은 무시된다. 스크립트에 공백을 추가하면 가독성을 높일 수 있다.
- 다음은 두 구문은 동일하다.
- let person = "Hege";
- let person="Hege";
연산자 주변의 공백 사용
- 연산자( = + - * / ) 주위에 공백을 넣는 것이 좋다.
- let x = y + z;
JavaScript 줄 바꿈
- 가독성을 위해 연산자 뒤에서 줄 바꿈 하는 것이 좋다.
document.getElementById("test").innerHTML =
"Hello javascript!";주석 처리 방법
// 한 줄 주석 처리 방법
/* 여러 줄 주석 처리 방법*/ --> CSS 주석처리 방법과 동일
자바스크립트 키워드
- 몇 가지 키워드 목록
| 예어 | 설명 |
| var | 변수 선언 |
| let | 블록 변수 선언 |
| const | 블록 상수 선언 |
| if | 조건에서 실행할 명령문 |
| for | 루프에서 실행할 명령문다. |
| function | 함수 선언 |
| return | 기능 종료 |
| try | 명령문 블록에 대한 오류 처리. |
키워드는 예약어이다. 예약어는 변수 이름으로 사용할 수 없다.
반응형
'코딩 > JavaScript' 카테고리의 다른 글
| 자바스크립트 변수, 변수란, 변수 사용 이유 (0) | 2021.12.19 |
|---|---|
| 디버깅 콘솔 (0) | 2021.12.18 |
| 비주얼 스튜디오코드 확장프로그램 (0) | 2021.12.02 |
| 자바스크립트 역할과 코드 추가 방법 (0) | 2021.12.02 |
| 자바스크립트 태그 위치 4가지(async, defer) (0) | 2021.12.02 |