-
[javascript] 10. 함수(Functions) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:28JavaScript Functions
함수는 특정한 일을 수행하기위해 블록(block)내에 설계된 코드입니다.
함수는 호출될 때 실행됩니다.
1234function myFunction(p1, p2) {return p1 * p2; // the function returns the product of p1 and p2}cs 1.JavaScript Function Syntax
함수는 함수(Function) 키워드 다음으로 이름, 다음으로 괄호() 를 통해 선언합니다.
함수 이름은 문자, 숫자, 언더바, 달러마크를 포함 할 수 있습니다.
괄호는 매개변수(Parameter)를 포함 할 수도 있습니다. (ex: (매개변수1, 매개변수2,....) )
함수에서 실행되어질 코드는 중 괄호(curly brackets)안에 위치합니다.
기본 형식.
1234functionName(parameter1, parameter2, parameter3) {code to be executed}cs 2. Function Return
자바스크립트는 리턴(return) Statement에 도달할 때, 함수는 실행을 멈춥니다.
12345var x = myFunction(4, 3); // Function is called, return value will end up in xfunction myFunction(a, b) {return a * b; // Function returns the product of a and b}cs 3. Why Functions?
코드를 재사용 할 수 있습니다: 선언 한 번으로 여러 번 사용 할 수 있습니다.
4. The () Operator Invokes the Function
함수 호출시 괄호를 통하여 호출을 합니다.괄호 없이 호출하게 되는 경우, 함수의 정의를 리턴합니다.123456789101112131415161718<!DOCTYPE html><html><body><p>Accessing a function without (), will return the function definition:</p><p id="demo"></p><script>function toCelsius(f) {return (5/9) * (f-32);}document.getElementById("demo").innerHTML = toCelsius;//document.getElementById("demo").innerHTML = toCelsius(32);</script></body></html>cs 5. Functions Used as Variables
자바스크립트에서, 함수는 변수로 사용될수도 있습니다.123456789101112131415161718192021<!DOCTYPE html><html><body><p id="demo"></p><script>document.getElementById("demo").innerHTML ="The temperature is " + toCelsius(90) + " Centigrade";function toCelsius(fahrenheit) {return (5/9) * (fahrenheit-32);}</script></body></html>cs 'Web > JavaScript' 카테고리의 다른 글
[javascript] 13. 이벤트(Events) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 12. 범위(Scope) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 11. 객체(Objects) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 9. 데이터 타입(Data Types) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 8. 연산자(Operators) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 7. 변수(Variables) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13
