[JS] 자바스크립트 정리 (1)
by Roel Downey
1. 자바스크립트의 변수
어떤 것을 사용하느냐에 따라 변수의 scope(범위)가 달라진다.
var |
보통 변수를 사용할 때, 타입에 상관없이 이 선언을 거의 많이 쓴다. |
|
let |
(ES6 이상의 버전에서만 사용된다.) 변수의 재선언 불가능, 변수의 재할당 가능 |
|
const |
(ES6 이상의 버전에서만 사용된다.) 변수의 재선언 불가능, 변수의 재할당 불가능 |
2. 자바스크립트의 연산자
우선순위 사용하려면 ( 괄호 ) 를 사용한다.
수학 연산자 하용하려면 +,-,*,/,%(나머지) 등이 있다.
논리 연산자, 관계 연산자, 삼항 연산자도 있다.
3. 자바스크립트의 삼항 연산자
간단한 비교와 값 할당은 삼항 연산자를 사용할 수 있다.
var data = 11;
var result = (data > 10) ? "ok" : "fail";
console.log(result);
4. 자바스크립트의 비교 연산자
비교는 == 보다는 === 를 사용한다.
0 === "0";
// false
0 === 0;
// true
5. 자바스크립트의 Type
타입은 undefined, null, boolean, number, string, object, function, array, Date, RegExp 등이 있다.
타입은 선언할 때가 아니고, 실행타임에 결정된다.
함수 안에서는 파라미터나 변수는 실행될 때 그 타입이 결정 된다.
타입을 체크하는 또렷한 방법은 없다.
정확하게는 toString.call 함수를 이용해서 그 결과를 매칭하는데, 문자, 숫자와 같은 자바스크립트 기본 타입은 typeof 키워드를 사용해서 체크할 수 있다.
배열은 타입을 체크하는 isArray함수가 표준으로 생겼다.
6. 자바스크립트의 조건문, 반복문
if (true) {
console.log(true);
}else {
console.log(false);
}
더 자세하게 조건문 알아보기 위한 링크 : MDN 링크 바로가기
더 자세하게 반복문 알아보기 위한 링크 : MDN 링크 바로가기
7. 자바스크립트의 문자열 처리
자바스크립트의 문자와 문자열은 같은 타입으로 모두 문자열이다.
typeof "a" // String
typeof 'a' // String
"ab:cd".split(":"; // ["ab","cd"]
"ab:cd".replace(":","$"); // "ab$cd"
" abcde ".trim(); //"abcde"
8. 자바스크립트의 함수
function printName(name) {
var bye = "bye";
return bye + name;
}
'Web > JavaScript' 카테고리의 다른 글
[JS] 웹 애니메이션 이해와 setTimeout 활용 (0) | 2020.05.25 |
---|---|
[JS] Ajax 응답 처리와 비동기 (0) | 2020.05.25 |
[JS] 자바스크립트 정리 (2) (2) | 2020.05.18 |
[Ajax] Ajax 통신의 이해 (1) | 2020.05.18 |
[JS] DOM과 querySelector, Event (0) | 2020.05.18 |
블로그의 정보
What doing?
Roel Downey