728x90
<head>또는<body> 태그 영역에 선언
<script type="text/javascript">스크립트영역</script>
<script src="JS파일경로" type="text/javascript"></script>
document -> 화면에 ex) document.write();
console -> 콘솔에 ex) console.log();
코드입력시 주의 사항
1. 대소문자 구분
2. 세미콜론
3. 문자형 쓸때 ' ', " "둘다 가능
4. 중괄호쓸때 {}, [] 둘다 가능
✔ 변수
자료형 종류 (값에 의해 결정)- 알고 싶을땐 typeof 키워드 사용
1.문자형(string) ex) var 변수명 = "";
2. 숫자형(number) ex) var 변수명 = ; or var 변수명 = Number("문자형 숫자");
3. 논리형(boolean) ex) var 변수명 = ; or var 변수명 = Boolean(데이터);
4. 상수(변하지 않는값) ex) const 변수명 = '';
5. udefined(변수에 값을 담기 전 기본값) ex) var 변수명;
6. null(변수를 비우기 위해) ex) var 변수명 = null;
변수 선언시 주의사항
1. 변수명에는 숫자가 처음에 나올 수 없다.
2. 변수명에는 특수기호는 사용할 수 없다(단 $,_ 기호 사용 가능)
3. 변수명으로 예약어를(document,location,if,return 등) 사용할 수 없다
var와 let의 차이점
| var | let |
| 동일한 변수명 선언 가능 | 동일한 변수명 선언 불가능 |
| 호이스팅 사용 가능 (변수를 아래 선언해도 사용가능) |
호이스팅 사용 불가능 |
| 함수를 제외한 블럭 범위 무시 (지역변수와 전역변수의 차이가없음) |
함수와 블럭 범위 적용 |
✔ 연산자
- 산술 연산자 : +,-,*,/,%
- 문자 결합 연산자 : +
- 피연산자에 문자형 데이터가 한개라도 포함되어 있으면 자동으로 문자형이 되어 문자 결합 - 대입 연산자 : =
3-1. 복합 대입 연산자 : +=, -+, *=, /+, %=
- 우항의 값이 좌항에 대입 됨 - 증감 연산자: ++, --
- 변수 뒤에 붙으면 후증가/감소, 변수 앞에 붙으면 선증가/감소 - 비교 연산자 : >,<,>=,<=,==,!=,
- 데이터 타입까지 비교하고 싶다면 ===, !== - 논리 연산자 : || (or 연산자), && (and 연산자) , !(not 연산자)
- 삼항 조건 연산자 : 조건식 ? 참 결과 값 : 거짓 결과 값;
연산자 우선순위
1. ()
2. 단항 연산자(--,==,!)
3. 산술 연산자
4. 비교 연산자
5. 논리 연산자
6. 대입 연산자
728x90
'{ "Hello World!" }; > JavaScript／jQuery' 카테고리의 다른 글
| js/ 티스토리 스킨 getElement 이용해보기 (0) | 2021.12.26 |
|---|---|
| (JavaScript) 객체 생성자 함수, 프로토타입 (0) | 2021.12.23 |
| (JavaScript) 객체 (0) | 2021.12.23 |
| (JavaScript) 함수 (0) | 2021.12.15 |
| (JavaScript) 제어문 - 조건문,선택문,반복문 (0) | 2021.12.15 |