'function'에 해당되는 글 2건

  1. 2012.06.27 [14단원] Math객체와 Function객체
  2. 2012.06.18 [6단원] 함수(Function)

Ⅰ  Math객체

  - 수학적인 계산을 하는데 사용되는 객체

  - 삼각함수, 지수함수, 로그 함수, 원주율, 제곱근 등의 속성들이 있음

 

  ◈ Math객체의 형식

[형식]

      math.속성
      math.메소드

 

  ◈ Math객체의 속성

속  성

설  명

E

자연로그 밑에 사용하는 오일러 상수

LN10

10의 자연 로그 값

LN2

2의 자연 로그 값

LOG10E

밑이 10인 E로그

LOG2E

밑이 2인 로그

PI

원주율

SQRT1_2

1/2의 제곱근

SQRT2

2의 제곱근

 

  ◈ Math객체의 메소드

메소드

설명

sin(x)

sine 함수를 계산한다.

cos(x)

cosine 함수를 계산한다.

tan(x)

tangent 함수를 계산한다.

asin(x)

arc sine 함수를 계산한다.

acos(x)

arc cosine 함수를 계산한다.

atan(x)

arc tangent 함수를 계산한다.

atan2(x,y)

제 2 arc tangent 함수를 계산한다.

abs(x)

절대 값을 계산한다.

exp(x)

지수 함수를 계산한다.

log(x)

로그 함수를 계산한다.

pow(x,y)

x의 y승을 계산한다.

sqrt(x)

제곱근을 계산한다.

random()

0에서 1사이의 난수를 발생한다.

round(x)

반올림한다.

floor(x)

x보다 같거나 작은 가장 큰 정수값을 계산한다.

ceil(x)

x보다 같거나 큰 가장 작은 정수값을 계산한다.

max(x,y)

x, y 중 큰 수를 계산한다.

min(x,y)

x, y 중 작은 수를 계산한다.

 

  ♣  Random메소드
  - 0에서 1까지의 난수를 발생시키는 메소드

 
[예제소스]

<HTML>

      <HEAD>

      <TITLE>Random메소드</TITLE>

     <SCRIPT LANGUAGE="Javascript">

     <!--

if(Math.random()<=0.5)

{

document.write("<img src=img_01.gif>")

}

else

{

document.write("<img src=img_02.gif>")

}

//-->

     </SCRIPT>

</HEAD>          

      <BODY> </BODY>

</HTML>

 

[설명]

 random메소드가 난수를 발생시켜 현재 문서를 열거나 새로 고침 할 때마다 배너 그림이 바뀜

 지금은 발생한 난수가 0.5 이하일 경우에는 img_01.gif 그림이, 0.5 초과시 img_02.gif 그림이

 나오도록 만든거라 같은 그림이 반복해서 나오는 경우도 생김


 

 

Ⅱ  Function객체

  - Function 객체란 함수를 사용하지 않고 객체로서 함수의 내용을 정의해주는 내부객체

 

  ◈ Function객체의 형식

[형식]

      a = new function(매개변수1, 매개변수2, 계산식)

 

[예제소스]

<HTML>

      <HEAD>

      <TITLE>Function객체</TITLE>

            <SCRIPT LANGUAGE="Javascript">

            <!--

i=new Function("a","b","return(a*b)")

document.write("a * b = "+i(6,3))

            //-->

            </SCRIPT>

      </HEAD>

      <BODY> </BODY>

</HTML>


[설명]

 Function객체에서 a와 b의 곱한 값을 변수 i에 할당하여 그 값을 출력하라는 것

 화면에는 "a * b = 18" 이라고 나온다.



 

저작자 표시
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'JavaScript 를 배웁시다.' 카테고리의 다른 글

[16단원] Window 객체의 메소드  (0) 2012.07.02
[15단원] 브라우저객체  (0) 2012.06.28
[14단원] Math객체와 Function객체  (0) 2012.06.27
[13단원] Array객체  (0) 2012.06.26
[12단원] Screen객체와 Event객체  (0) 2012.06.25
[11단원] String 객체  (0) 2012.06.22
Posted by 진짜깨비

Ⅰ  함수

  ● 함수 : 프로그램 내에서 특정 작업을 수행하기 위해 만들어진 명령어들의 모임

  ※ 이때 입력되는 것을 매개변수(parameter)

  ※, 함수 계산 결과 나오는 것을 리턴값(return value)

 

  ◈ 함수의 기본 형식

 function 함수이름(){
               함수가 호출되었을 때 실행할 문장
                }

 

함수는 FUNCTION이라는 명령어를 사용하여 사용자가 임의의 함수이름을 정해야 하고 함수 이름 다음에는 반드시 괄호를 입력해 주어야 한다.
이 괄호 안에는 함수에 지정될 변수의 값이나 변수의 이름이 입력이 되며, 이러한 이름은 생략되기도 한다. 


[예제소스]

 

 <HTML>
    <HEAD>
         <SCRIPT LANGUAGE="Javascript">
          <!--
         function test_01(){
                for(i=1;i<=10;i++)
                document.write("안녕하세요")
           }
          //-->
          </SCRIPT>
    </HEAD>
    <BODY>
          <SCRIPT LANGUAGE="Javascript">
          <!--
                 test_01()
          //-->
          </SCRIPT>
    </BODY>
 </HTML>
 

 

 

 

 

  test_01() 함수에 "안녕하세요"를 열번 출력하도록 정의

 

 

 

 

 

 

 

 위에 정의한 test_01() 함수를 호출

 

 

 

 


 

  ● 매개 변수가 없는 경우 : 함수 중 가장 간단한 형태, 단순하게 반복적인 문장을 수행


[예제소스]

<HTML>
    <HEAD>
        <SCRIPT LANGUAGE="Javascript">
        <!--
           function test_03{
                alert("반갑습니다")
                }
        //-->
        </SCRIPT>
    </HEAD>
    <BODY>
        <SCRIPT LANGUAGE="Javascript">
        <!--
               test_03()
         //-->
        </SCRIPT>
    </BODY>
</HTML>

 

 

 

 

  <head>태그안에 test_03이라는 함수에 "반갑습니다"라는 메시지 대화상자를 만들어 주도록 정의

 

 

 

 

 

위에 정의한 test_03() 함수를 호출

 

 

 

 

 


● 매개 변수가 있는 경우 :  함수 실행 시 매개 변수를 건네주고 실행이 된다는 의미

[예제소스]

 <HTML>
     <HEAD>
         <SCRIPT LANGUAGE="Javascript">
         <!--
        id=prompt("ID를 입력해 주세요","")
        function test_04()
        {
        document.write("<h4>반갑습니다."+id+"님"+</h4>")
           }
         //-->
         </SCRIPT>
     </HEAD>
     <BODY>
         <SCRIPT LANGUAGE="Javascript">
         <!--
         test_04()
         //-->
         </SCRIPT>
     </BODY>

 </HTML>

 

 

 

 

<head>에서 입력대화상자를 이용하여 매개 변수를 입력받아 " 반갑습니다. id 님" 이라고 출력하도록  test_04 라는 함수를  정의

 

 

 

 

 

 

 

위에서 정의한 함수를 호출하여 출력

 

 

 

 

 

● 리턴값이 있는 경우 : 함수를 수행한 후의 결과 값을 함수를 호출한 문장으로 보낸다.


[예제소스]

 

 <HTML>
     <HEAD>
         <SCRIPT LANGUAGE="Javascript">
         <!--
          function test_06(question)
             {
             Var answer
             answer=confirm(question)
             if(answer==true)
                return "네, 사용하실 수 있으시군요"
             else
                return "아직 사용하실 수 없으시군요. "
             }
         //-->
         </SCRIPT>
     </HEAD>
     <BODY>
         <h2>자바스크립트에서 함수를 사용할 수 있습니까?</h2>
         <SCRIPT LANGUAGE="Javascript">
         <!--
             var answer
             answer=test_06("yes면 확인,no면 취소")
             document.write("<h3>"+answer+"</h3>")
         //-->
         </SCRIPT>
    </BODY>
 </HTML>

 

 

 

 

test_06함수는 선택 대화상자를 통해 입력받는 값에 따라 리턴값이 달라지는 함수이다.

 

 

 

 

 

 

 

 

answer=test_06("yes면 확인,no면 취소")는 선택대화상자에 보여질 메시지를 입력하는 것이며, document.write("<h3>"+answer+"</h3>")는 출력문을 만들어 주는 것이다.


 
Ⅱ  지역변수와 전역변수

  - 함수 내에서 변수에 var를 입력하면 이 변수는 이 함수 안에서만 적용이 되고,

    이 함수를 벗어나면 정의 되지 않은 변수로 인식하는데 이를 지역변수라고 한다. 

  - 반면에,  var를 입력하지 않은 변수는 전역변수라고 하고 문서 전체에 변수의 내용이 정의된다.


[형식]

 function(){
      var 변수     <--- 지역변수로 정의한 것
      변수          <--- 전역변수로 정의한 것
       }

 

[예제소스]

 <HTML>
     <HEAD>
     <TITLE>예제4</TITLE>
        <SCRIPT LANGUAGE="Javascript">
        <!--
            function test(a,b)
                 {
                 c=a+b
                 document.write(c+"<br>")
                  }
        //-->
        </SCRIPT>
     </HEAD>
     <BODY>
        <SCRIPT LANGUAGE="Javascript">
        <!--
             test(10,20)
             document.write(c+1)
        //-->
        </SCRIPT>
     </BODY>
 </HTML>

 

[설명]

태그 연습장에 입력할 때 c앞에 var가 입력되어 있지 않은 상태의 결과를 확인해 보면 c를 전역변수로 인식을 하기 때문에 브라우저 창에 30과 31이라는 숫자가 출력되지만, c앞에 var를 입력했을 때의 결과를 확인해보면 이는 지역변수로 함수 안에서만 실행이 되어 브라우저 창에는 숫자 30만 출력된다. 


 

저작자 표시
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by 진짜깨비
이전버튼 1 이전버튼

블로그 이미지
진짜깨비
Yesterday9
Today4
Total13,233

달력

 « |  » 2017.06
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

최근에 받은 트랙백

글 보관함


티스토리 툴바