본문 바로가기
IT/JavaScript

기본 문법

by 봉즙 2019. 6. 11.

자바 스크립트에서는 문장의 끝에 세미클론을입력하지 않아도된다.

식별자(ex 변수명, 함수명)

  • 키워드 사용X
  • 숫자 시작 X
  • 특수문자는 _와 $만허용
  • 공백문자 포함 X

따옴표 : "" 와 '' 둘다 사용가능

숫자형 자료

  • Number 하나만 가지며 자바의 double과 같다.

숫자 -,*,/(연산자) 문자 = 숫자 +,-(연산자) 숫자 = 숫자
그러나 "3"+"5" 와같이 +인경우는 문자로 인식하여 출력한다.

문자열 비교시에 .equals를 사용하지 않고 ==을 사용한다.

변수 생성과 사용

1
2
>var pi; //변수 선언
<undefined

var 사용 후 undefined를 갖으로 값을 대입시 타입이 결정된다.

1
2
>pi = 3.14159265
<3.14159265

값을 대입하면 타입이 정해지고 값이 입력된다.

1
>alert(pi);

창을 통해 저장된 값이 출력된다.

1
2
>typeof(pi);
<"number"

typeof();를  이용하면 변수의 타입을 문자열로 반환할 수 있다.

※ctrl + L : console창 클리어

JAVA Script의 타입

  • 기본형 : boolean, String, Number, null, undefined
  • 참조형 : object, function

변수의 재선언

1
2
3
4
5
6
7
8
>var favoriteFood = '김치찌개'
<undefined
>var favoriteFood = '라면'
<undefined
>var favoriteFood = '냉면'
<undefined
>alert(favoriteFood);
<undefined

변수를 중복해서 선언하면 마지막 것만 유효하다.

undefined 자료형

변수를 선언하였거나 선언 하지 않았을 때, 해당변수의 자료형은 undefined이다.

1
2
>var x;
<undefined

 

입력

1
2
3
4
>var input = prompt('Message''DefStr');
<undefined
>alert(input);
<undefined
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4f; text-decoration:none">Colored by Color Scripter

prompt 함수가 문자열을 저장하여 입력하는 값이 alert를 통해 출력된다.

1
2
3
4
>var input = prompt("message""3자리 정수를 입력하시오");
<undefined
>var input = confirm('수락하시겠습니까?');
<undefined
 

prompt는 입력을하지만 confirm은 선택창을 보여주는 차이점을 가진다.

1
2
3
4
>Number("123");
<123
>parseInt("Aaa");
<NaN

※ NaN은 작업한 숫자가 Not a Number이라는 뜻을 나타냄

※변환함수 Number(),String(),boolean() 들은 생성자.

일치연산자

== : 값을 비교 (값 비교위해서 자동형변환을 실행하기도 한다)

=== : 값과 더불어 타입도 비교한다.

1
2
3
4
>null == undefined
<true
>null ===undefined
<false

null == undefined의 경우는 자동형변환이 발생하여 true
null === undefined의 경우 자동형변환이 발생하지 않아 false가 나온다.

1
2
>"0"==0;
<true

위와 같이 자동형변환에 의해서 의도하지 않은 값이 출력될수 있기에 ===을 선호 

템플릿 문자열

1
2
>alert(`표현식 273 + 52의 값은 ${52 + 273}입니다...!`);
<undefined
 

` 기호를 이용하여 감싸고, 문자열 내부에 ${}를 사용하여 내부에 표현식을 넣으면 표현식이 계산되어 들어간다.

var와 let (추후 설명)

1
2
3
4
5
>let bong = 1;
<undefined
>let bong = 2;
<VM624:1 Uncaught SyntaxError: Identifier 'bong' has already been declared
    at <anonymous>:1:1 --에

var가 더 유연하며 let은 재선언이 되지 않는다.

※ 상수에 값을 주지 않으면 에러가 발생한다.

'IT > JavaScript' 카테고리의 다른 글

Event  (0) 2019.06.12
DOM(Document Object Model)  (0) 2019.06.12
함수  (0) 2019.06.11
반복문  (0) 2019.06.11
조건문  (0) 2019.06.11

댓글