[Javascript기초] 1. 기본 문법

05 Jan 2020

javascript

식별자

이름을 붙일 때 사용
- 함수명, 변수명
규칙
- 키워드 사용 하면 안됨
- 숫자로 시작하면 안됨
- 특수문자는 _와 $만 허용됨
- 공백 문자를 포함할 수 없음

주석

// 한 줄 주석
```
/* 여러
	줄
	주석
*/
```

변수

따로 타입을 선언하진 않음
- 배열도 타입 선언이 필요하지 않음
var, let, const 세 종류 사용
- 가급적 let을 사용하도록 하자
,를 사용하여 여러 개의 변수 선언 가능

`var`

일반 변수
function-scoped

재선언이 가능함

문제가 발생할 여지가 있음

// 이미 만들어진 변수이름으로 재선언했는데 아무런 문제가 발생하지 않는다.
var a = 'test'
var a = 'test2'

// hoisting으로 인해 ReferenceError에러가 안난다.
c = 'test'
var c

`let`

로컬 변수
block-scoped

재선언이 불가능함

// let
let a = 'test'
let a = 'test2' // Uncaught SyntaxError: Identifier 'a' has already been declared
a = 'test3'     // 가능

// const
const b = 'test'
const b = 'test2' // Uncaught SyntaxError: Identifier 'a' has already been declared
b = 'test3'    // Uncaught TypeError:Assignment to constant variable.

`const`

상수
선언과 동시에 값을 할당해야 한다.

비교 연산자 종류

연산자	설명
`>=`	좌변이 우변보다 크거나 같다
`<=`	우변이 좌변보다 크거나 같다
`>`	좌변이 우변보다 크다
`<`	우변이 좌변보다 크다
`==`	좌변과 우변이 같다
`===`	좌변과 우변이 같으며, 타입도 같다
`!=`	좌변과 우변이 다르다
`!==`	좌변과 우변이 다르며, 타입도 다르다

논리 연산자 종류

연산자	설명
`!`	논리 부정 연산자
`&&`	논리곱 연산자
`\|\|`	논리합 연산자

내장함수

타이머 함수

메서드 이름	설명
`setTimeout(function, millisecond)`	일정 시간 후 함수를 한 번 실행
`setInterval(function,millisecond)`	일정 시간마다 함수를 반복해서 실행
`clearTimeout(id)`	일정 시간 후 함수를 한 번 실행하는 것을 중지
`clearInterval(id)`	일정 시간마다 함수를 반복하는 것을 중지

코드 실행 함수

함수 이름	설명
eval(string)	string을 자바스크립트 코드로 실행

var WillEval= '';
WillEval += 'var number = 10;';
WillEval += 'alert(number);';

eval(WillEval);

숫자 확인 함수

함수 이름	설명
`isFinite(number)`	number가 무한한 값인지 확인
`isNaN(number)`	number가 NaN인지 확인

숫자 변환 함수

함수 이름	설명
`parseInt(string)`	string을 정수로 바꿈
`parseFloat(string)`	string을 유리수로 바꿈
`Number(string)`	string을 정수로 바꿈

parseInt()와 parseFloat()은 문자열 앞에서부터 확인하며, 바꿀 수 있는 숫자까지만 바꾼다

Number()는 숫자로 바꿀 수 없는 문자열일 경우 바뀌지 않는다.

참고

alert()
- 확인버튼
confirm()
- 확인, 취소 버튼
- true, false 리턴
  
  var temp = confirm("확인");
prompt()
- 사용자로부터 입력 받음
  
  var input = prompt("텍스트");

짧은 조건문

true || alert("실행될까요? A");  // alert()실행 안됨
false || alert("실행될까요? B"); // alert()실행 됨
|| 앞이 true일 경우 뒤의 문장은 보지 않음

|| 앞이 false일 경우 뒤의 문장도 확인해봄