javaScript를 html 파일과 분리하기
javascript 코드는 별도의 외부 파일에 정의가 가능하다.
- 외부 스크립트는 임포트 하여 사용한다.
javascript 코드의 외부 파일화 장점
- 레이아웃과 스크립트를 분리하여 재사용성을 높인다.
- HTML 코드의 파악을 쉽게 해 준다.
외부 javascript 파일 임포트 하는 방법
<script src = "javascript파일"></script>
임포트 위치?
<head>나 <body> 태그 바로 뒤
주석 삽입하기
// comment 단일행 주석
/* comment */ 복수행 주석
/** comment */ 문서화 주석
if the implementation is hard to explain, it is a bad idea -the zen of python-
변수와 상수
상수 : 데이터 혹은 값
변수 : 데이터 혹은 값을 넣어두는 공간
변수의 선언 방법
var 변수명 [= 초기값 ],...
var msg; // msg값은 undefined로 설정
var c = 13;
식별자와 예약어
식별자 : javascript를 구성하는 변수에 붙여진 이름
- 변수, 함수, 객체 등의 요소들 각각을 구분하기 위해 사용
식별자 생성 규칙
- 첫 번째 문자는 영문자/언더스코어(_)/달러($) 중 하나여야 한다.
- 두 번째 문자 이후에는 첫 번째에서 사용할 수 있는 문자 또는 숫자여야 한다.
- 변수 명에 포함된 영문자의 대문자/소문자는 구별되어야 한다.
- javascript에서 의미를 갖는 예약어가 아니어야 한다.
javascript 예약어
자바스크립트 데이터 타입
템플릿 문자열
큰따옴표/작은따옴표 대신에 백 쿼터(`)로 문자열을 감싼 문자열
변수를 포함시킬 때는 ${...}로 표현
var name = '홍길동'
var msg = `안녕하세요 ${name}씨`
특수형 리터럴
null, undefined가 있다.
- null은 객체형 데이터의 빈 값을 나타내며 객체형 데이터의 초기화에 사용한다.
- undefined는 변수를 선언하고 값을 할당하지 않은 경우이며 자료형이 결정되지 않은 상태이다.
var student;
student // undefined
var student = null;
student // null
배열 리터럴
var data = [ a, b, [x, y], c, d];
data[2] // [x, y]
객체 리터럴
var car = {name:"소나타", price: 2000};
car.name;
car["name"];
참조형의 리터럴 표현(함수)
javascript에서 함수는 first class object이다
- 변수에 담을 수 있다
- 인자로 전달 할 수 있다.
- 반환값으로 전달할 수 있다.
var add = function (a, b) {return a+b;};
'language > java script' 카테고리의 다른 글
[javaScript] FileReader 객체 (0) | 2020.06.24 |
---|