InTen

자바 스크립트 강좌 2. 변수와 함수~ 본문

프로그래밍/자바스크립트

자바 스크립트 강좌 2. 변수와 함수~

인텐 2014. 9. 23. 18:29


안녕하세요 저번시간에는 alert,confirm,prompt 이 세개의 기본 메소드에 대해 배워 봤는대요 이번 시간은 자바스크립트에서 사용되는 변수와 함수(function)을 배워 보겠습니다.

자바스크립트에서 변수는(Variable) c언어에 비교하면 매우 쉽습니다.

EX) var Name="길길길";

  var number=1232;

   var URL="http://www.naver.com";

이런 식으로 변수의 성질이 다르다고 딱히 다른 그릇을 주지 않아도 되기 때문에 매우 편안합니다. 

그렇다고해서 변수명을 막쓰시면 안됩니다.

1.첫글자는 영문자 또는 언더바를 사용해야한다.

2.변수명에는 공백이 불가능하다.

3.for,var,while ,alert 등등 이미 정해진 메소드는 변수로 사용이 불가능하다.

예제소스 한번 보시죠.


<HTML>

<HEAD>

</HEAD>

<BODY>

<SCRIPT LANGUAGE="JavaScript">

<!--

  var Name="길길길";

  var number=1232;

 var URL="http://www.naver.com";

document.write(" 이름변수 : " + Name + " 번호 변수 : " + number + " URL 변수 : " + URL );

//-->

</SCRIPT>

</BODY>

</HTML>




네 이런식으로 결과값을 출력합니다 조금 난잡하긴 하네요.

그리고 함수를 알려드릴것입니다.

함수 선언 구조는 복잡하면서도 간단한데요.

var 변수 = function(매개 변수){

/* 여러 실행코드를 삽입 */

}

변수 (매개변수);//함수실행 코드

이렇게 구조입니다. 이렇게 써놓니 이해가 잘안가실것 같아서 예제 소스를 한번 만들어 보겠습니다. 

간단한 숫자 증가 프로그래밍인대요

<!DOCTYPE html>

<HTML>

<HEAD>

</HEAD>

<BODY>

<SCRIPT LANGUAGE="JavaScript">

<!--

var num = 1

var numbering =function(){

    document.write("1씩 증가 " + num + "<br>")

    ++num;

}

numbering();

numbering();

numbering();

numbering();

numbering();

//-->

</SCRIPT>

</BODY>

</HTML>

만약 함수를 사용하지않는다면 함수부분 라인을 계속해서 적어야하는 불편함이 있기에 함수를 만들어서 사용하는 것 입니다. 
오늘은 여기까지 정리를 하겠습니다. 나머지 궁금한 사항이나 물어볼것이 있다면 댓글을 남겨주세요





저작자표시 비영리 변경금지

'프로그래밍 > 자바스크립트' 카테고리의 다른 글

자바 스크립트 강좌 1.기본 메소드(alert, confirm, prompt)  (0) 2014.09.22
'프로그래밍/자바스크립트' Related Articles more
Comments