'출력문'에 해당되는 글 2건

자바스크립트 / 함수 만들기

 

먼저 function 라고 적어 줍니다. 그리고 함수의 이름을 적은후 괄호를 열고 닫고 그리고 대괄호를 열고 닫고 끝!!

function functionName(){

}

 

위와 같습니다. 그리고 {}안에 실행할 명령문을 적어주면 됩니다.

 

그리고 함수는 함수를 호출해줘야만 함수가 작동합니다. 즉 저렇게 작성만 하면 작동하지 않습니다.

 

함수 호출 하기

 

함수호출 하는 방법은 함수명() !

 

,

functionName();

입니다.

 

그럼 헬로우 월드를 출력하는 함수를 만들고, 그 함수를 호출을 해봅시다.

function hello(){

document.write("Hello World!!");

}

 

위와 같이 hello라는 함수를 만들고 헬로우 월드 출력문을 {}안에 넣어 줍니다.

 

그리고 함수호출은

hello();

 

위와 같이 작성하면 호출이 됩니다.

 

예문을 통해서 알아봅시다. 함수 호출문이 없는 소스 입니다.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>자바스크립트</title>

<script>

function hello(){

document.write("Hello World!!");

}

</script>

</head>

<body>

</body>

</html>

 

이 소스를 웹에서 보기 버튼을 눌러 실행해 보시면 아무것도 출력이 안되는 것을 보실 수 있습니다.

 

그럼 이번엔 함수 호출문을 넣어서 테스트 해봅시다.

 

 

위의 예제를 실행해 보시면 출력문인 hello world가 보이실 것입니다.

 

아참 그리고 좋은 정보 하나 알려 드리겠습니다. 요즈음  많은 분들이 투잡을 하고 있는데 제가하고 있는 투잡입니다.

상담해 보시고자 하시면 제가 도와드릴 수 있습니다. 우선 상담을 받아보세요

[여기]를 누르시고 이름과 연락처로 상담신청을 하시면 자세히 설명을 받으실 수 있습니다.

그리고 그곳 저의 홈페이지 오른쪽에 보시면 전화번호가 있으니 연락주세요 감사합니다.

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

글로벌 변수, 로컬 변수

 

var

 

var는 변수를 선언할때 사용합니다.

변수 선언할때

var 변수명 = 변수의 값;

 

 

var를 붙이지 않아도 사용 가능 합니다.

 

일단 글로벌 변수와 로컬 변수는 이름에서 보듯이 글로벌 변수는 어디에서나 사용 가능한 변수이며 로컬 변수는 특정 지역에서만 사용하는 변수 입니다.

 

여기에서 말하는 특정지역은 함수를 말합니다. 자신이 만든 특정한 함수 안에서만 활동하는 함수는 로컬 함수로 함수 밖에서는 사용을 못하지요. 하지만 글로벌 함수는 이 함수 저함수 함수가 아닌곳에서도 사용이 가능 하답니다.

 

글로벌 변수 glo_var을 선언하고 함수 안에 로컬변수 local_var을 선언 해서 함수 밖에 출력문을 이용하여 glo_var 변수를 출력하는 예제입니다

 

<html>

<head>

<meta charset="utf-8" />

<title>자바스크립트</title>

<style type="text/css">

</style>

<script type="text/javascript">

glo_var = 10;

function hello(){

local_var = 20;

}

document.write(glo_var);

</script>

</head>

<body>

</body>

</html>

 

 

위의 소스를 실행해보면 변수 glo_var의 값인 10이 출력되는걸 보실 수 있습니다.

 

그럼 위의 소스에서 출력문의 변수를 로컬 변수로 변경하여 값이 출력 되는지 안되는지 한번 해봅시다.

 

결과는 당연히 로컬변수이기 때문에 출력이 안됩니다만 그래도 눈으로 보고 이해를 해봅시다.

 

<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<style type="text/css">
</style>
<script type="text/javascript">
 
glo_var = 10;
function hello(){
local_var = 20;
}
document.write(local_var);
 
</script>
</head>
<body>
</body>
</html>
위의 소스를 실행 해보면 결과에 아무것도 출력이 안되는걸 보실 수 있습니다. 그 이유는 로컬 변수를 해당 함수 밖에서 실행을 했기 때문이죠.

 

<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<style type="text/css">
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js" ></script>
<script type="text/javascript">
 
glo_var = 10;
function hello(){
var local_var = 20;
local_var2 = 30;
}
document.write(local_var2);
 
</script>
</head>
<body>
</body>
</html>

 

결과값은 40이나옵니다.

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,