'함수선언'에 해당되는 글 2건

 

 

객체 생성

우선 객체를 생성할 변수를 선언 후 new라는 명령어를 사용하고 객체 속성을 선언한 함수명을 적어 줍니다.

그렇다면 이렇게 됩니다.

r8 = new makeCar();

그리고 자동차의 이름 등을 값으로 넣어 줍니다. this.name = "r8" 이런식으로요.

예제를 통해 알아 봅시다.

r8 = new makeCar();
 r8.name="R8";
 r8.company = "AUDI";
 r8.color = "white";
 r8.numPeople = 2;
 r8.meth(); //메소드 호출


그럼 실전 예제를 통해서 테스트 해봅시다.
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
function makeCar(){
    this.name;
    this.company;
    this.color;
    this.numPeople;
    this.meth = showCar;
}
function showCar(){
    document.write("자동차 이름 : "+this.name+"<br />");
    document.write("자동차 제조사 : "+this.company+"<br />");
    document.write("자동차 탑승인원 : "+this.numPeople +"<br />");
    document.write("차량 색상 : "+ this.color +"<br />");
}
r8 = new makeCar();
r8.name="R8";
r8.company = "AUDI";
r8.color = "white";
r8.numPeople = 2;
r8.meth();
</script>
</head>
<body>
</body>
</html>


 

r8이 아닌 다른 객체를 생성 한다면 같은 위와 같은 방법으로 다른 객체를 생성 하시면 됩니다.

a8 = new makeCar();
 a8.name="A8";
 a8.company = "AUDI";
 a8.color = "Red";
 a8.numPeople = 4;
 a8.meth();


위의 소스를 덧붙여서 시도 해 보면 또 하나의 객체 가 생성되어 출력 메소드를 통하여 정보를 보여 줍니다.

 

출처 : http://www.everdevel.com/

 

 

 

다른 일을 하면서도 투잡(알바/부업)으로 월급 만큰 수익이 됩니다.

아래 접속하셔서 상담받아 보실 수 있습니다. (믿음의 재택부업회사)

 

블로그 이미지

itworldkorea

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

,

함수정의 함수선언,함수호출

 

함수 선언을 위해 funciton을 적은후 함수의 이름을 적어 줍니다. 그리고 괄호를 열고 닫고 그 후 대괄호를 열고 닫고 해주며 대괄호 안에 실행할 명령문들을 적습니다.

 

예를 들어 함수의 이름을 poly라고 해봅시다.

function poly(){

}

 위와 같이 function 후에 poly를 적고 괄호를 열고 닫고 그후 대괄호를 열고 닫고 합니다. 그럼 poly라는 함수가 생성된것입니다.

 

함수를 생성을 했는데 위와 같이 실행을 한다면 과연 실행이 될까요. 안됩니다. 함수를 따로 호출을 해야 하는데요 함수를 호출할때는 함수명(); 입니다.

 

함수 호출

함수명();

예를 들어 위와 같이 poly라는 함수를 만들었다면

poly(); <== 입니다.

  

소스를 통하여 테스트 해봅시다.

 

우선 함수를 만들어 봅시다. 함수는 hello world를 출력하는 함수 입니다.

function hello(){

document.write("Hello world");

}

 

아래의 소스는 함수는 만들었으나 함수를 호출하는 코드는 없습니다. 결과를 통하여 한번 체험 해보세요. 결과가 아무것도 안나오면 정상입니다.

 

<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
function hello(){
    document.write("Hello world");
}
</script>
</head>
<body>
</body>
</html>
우선 함수를 만들어 봅시다. 함수는 hello world를 출력하는 함수 입니다.
function hello(){
document.write("Hello world");
}


아래의 소스는 함수는 만들었으나 함수를 호출하는 코드는 없습니다. 결과를 통하여 한번 체험 해보세요. 결과가 아무것도 안나오면 정상입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
function hello(){
    document.write("Hello world");
}
</script>
</head>
<body>
</body>
</html>


이 예제 실행 & 수정

위의 소스를 타이핑 해보시거나 이 소스를 웹에서 보기 버튼을 눌러 테스트를 해보시면 결과 화면에 아무것도 안나오는 것을 알 수 있습니다.

그럼 다음의 함수 호출문을 사용하여 결과를 확인해 봅시다.
    hello();


위의 소스는 hello라는 함수를 호출하는 함수 입니다. 그럼hello라는 함수가 호출되므로 hello함수 안에 있는 출력문이 실행합니다.


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
function hello(){
  document.write("Hello world");
}
hello();
</script>
</head>
<body>
</body>
</html>

위 소스의 결과를 보면 hello함수가 작동하여 hello world라는 문구가 출력하는 것을 볼 수 있습니다.

 

 

 

블로그 이미지

itworldkorea

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

,