자바 스크립트(Javascript)
- 웹의 동작을 구현하기 위한 언어
- 웹 브라우저 사용
- 웹 브라우저에 자바스크립트 인터프리터가 내장
- 객체 기반의 스크립트 언어
자바 스크립트의 특징
- 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다.
- 객체 지향형 프로그래밍과 함수형 프로그램을 모두 표현할 수 있다.
- HTML의 내용, 속성, 스타일을 변경할 수 있다.
1. 자바스크립트의 선언
- 내부
//[현재]
<script>
//자바 스크립트 실행문
</script>
//[과거]
<script language="javascrpit">
//자바 스크립트 실행문
</script>- 외부
//[현재]
<script src = "js경로/파일명js"></script>
2. 자바스크립트의 출력
1) window.alert() 메소드에 의한 출력
2) document.write() 메소드에 의한 <body>에 출력
3) console.log() 메소드에 의한 브라우저 console창에 출력
4) HTML DOM요소를 이용한 innerHTML 프로퍼티로 <body>에 출력
3. 주의사항
1) ;(세미콜론) 생략가능
2) 스크립트 태그의 위치는 어디든 상관없다.
3) 대소문자를 구분한다.
변수(variable)
저장공간
변수의 선언
var 변수명 = 값
var num1 = 10
var 변수명
변수명 = 값
var num
num = 10
자료형
1. 숫자(Number)
정수와 실수를 구분하지 않는다.
2. 문자열(string)
큰 따옴표와 작은 따옴표 차이가 없습니다.
큰 따옴표 표현시 작은 따옴표 안에 작성,
작은 따옴표 표현시 크 따움표 안에 작성
3. 불린(boolean)
참과 거짓을 담을 수 있는 종류.
참 : true
거짓 : false
4. undefined, null
undefined : 타입이 정해지지 않은 것을 의미
null : 값이 정해지지 않은 것을 의미
undefined는 초기화되지 않은 변수나 존재하지 않는 값에
접근할 때 리턴된다.
5. 객체(Object)
여러 변수 혹은 메소드를 선언한 집합의 주소를 가지고 있는 타입
필드 접근시 .(마침표)를 사용한다.
형변환(type conversion)
자바 스크립트의 변수는 타입이 정해져 있지 않으며,
같은 변수에 다른 타입의 값을 다시 대입할 수도 있다.
자동 형변환(implicit type conversion)
다른 타입의 값이 오면, 자동으로 타입을 변환하여 사용한다.
(자바스크립트에서는 자동 형변환을 많이 사용한다.)
강제 형변환(explicit type conversion)
값을 다른 타입으로 직접 변환해서 사용한다.
1. Number()
2. String()
3. Boolean()
4. Object()
5. parseInt()
6. parseFloat()
let과 const
let : 재할당 가능
const : 재할당 불가능
스코프(scope)와 호이스팅(hoisting)
스코프 : 변수에 접근할 수 있는 범위
- 지역(local)
- 전역(global)
호이스팅 : 선언문을 해당 스코프로 등록
var는 선언과 초기화 단계가 동시에 일어나지만
let은 선언과 초기화 단계가 따로 일어난다.
- 선언 단계(Declaration phase)
- 초기화 단계(Initialization phase)
- 할당 단계(Assignment phase)
연산자
=== : 값도 같고 타입도 같으면 참
!== : 값이 다르거나 타입이 다르면 참
'JavaScript' 카테고리의 다른 글
| [WBE3]DAY2_자바스크립트 연산자, 제어문, 배열 (0) | 2020.05.13 |
|---|