>  기사  >  웹 프론트엔드  >  자바스크립트 함수란 무엇인가

자바스크립트 함수란 무엇인가

青灯夜游
青灯夜游원래의
2021-10-19 11:46:477924검색

JavaScript에서 함수는 특정 작업을 수행하고 재사용할 수 있는 코드 블록 집합인 "함수"를 의미합니다. 함수는 자동으로 실행되지 않으며 실행하려면 함수 이름을 통해 호출해야 합니다. 함수는 변수, 객체, 배열에 저장될 수 있으며 다른 함수에 매개변수로 전달될 수 있습니다.

자바스크립트 함수란 무엇인가

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JS 함수(Function)는 특정 작업(특정 기능 포함)을 수행하고 재사용이 가능한 코드 블록 세트입니다. 함수는 자동으로 실행되지 않으며 실행하려면 함수 이름을 통해 호출해야 합니다.

함수는 변수, 객체, 배열에 저장될 수도 있고, 함수는 다른 함수에 매개변수로 전달되거나 다른 함수에서 반환될 수도 있습니다.

JavaScript에서는 내장 함수를 사용하는 것 외에도 자체 함수(사용자 정의 함수)를 만든 다음 필요할 때 이 함수를 호출할 수 있습니다. 이렇게 하면 반복되는 코드 작성을 피할 수 있을 뿐만 아니라 나중에 코드를 쉽게 유지 관리할 수도 있습니다. .

JS 함수 정의

JS 함수 선언은 함수 키워드로 시작하고 그 뒤에 생성할 함수 이름이 와야 합니다. 함수 이름 뒤에는 공백을 사용하여 구분해야 합니다. 함수에 사용할 매개변수를 정의하는 데 사용되는 대괄호()입니다(여러 매개변수를 구분하려면 쉼표를 사용하세요). 마지막 매개변수는 중괄호({ })입니다. 함수의 함수 본문(즉, 함수를 구현하는 코드)을 정의하는 데 사용됩니다.

function functionName(parameter_list) {
    // 函数中的代码
}

샘플 코드는 다음과 같습니다.

function sayHello(name){
    document.write("Hello " + name);
}

위 예에서 함수 sayHello() 함수는 매개변수 이름을 받아야 합니다. 함수를 호출하면 "Hello..."가 출력됩니다.

JS 호출 함수

함수가 정의되면 현재 문서의 어느 곳에서나 호출할 수 있습니다. 함수를 호출하는 것은 매우 간단합니다. 함수 이름 뒤에 경고(), 쓰기()와 같이 대괄호를 추가하기만 하면 됩니다. 함수를 정의할 때 함수 이름 뒤 괄호 안에 매개변수를 지정했다면, 함수 호출 시 해당 매개변수를 괄호 안에 넣어야 한다는 점에 유의하세요.

샘플 코드는 다음과 같습니다.

function sayHello(name){
    document.write("Hello " + name);
}
// 调用 sayHello() 函数
sayHello('PHP中文网');

팁: 자바스크립트는 대소문자를 구분하므로 함수 정의 시 function 키워드는 소문자여야 하며, 선언할 때와 동일한 대소문자로 함수를 호출해야 합니다.

매개변수의 기본값

함수를 정의할 때 함수의 매개변수에 대한 기본값을 설정할 수 있으므로 이 함수를 호출할 때 매개변수가 제공되지 않으면 이 기본값이 사용됩니다. 다음 예와 같이

function sayHello(name = "World"){
    document.write("Hello " + name);
}
sayHello();                 // 输出:Hello World
sayHello('PHP中文网');     // 输出:Hello PHP中文网

JS 함수 반환 값

함수에서 return 문을 사용하여 함수를 호출한 프로그램에 값(함수의 결과)을 반환할 수 있습니다. 이 값은 배열, 객체 등 모든 유형이 될 수 있습니다. 값을 반환하는 함수의 경우 변수를 사용하여 함수의 반환 값을 받을 수 있습니다. 샘플 코드는 다음과 같습니다.

function getSum(num1, num2){
    return num1 + num2;
}
var sum1 = getSum(7, 12);      // 函数返回值为:19
var sum2 = getSum(-5, 33);     // 函数返回值为:28

팁: 반환 문은 일반적으로 함수가 함수에 도달할 때 정의됩니다. return 문을 실행하면 즉시 실행이 중지되고 함수가 호출된 위치로 돌아가 실행을 계속합니다.

또한 함수는 하나의 반환 값만 가질 수 있습니다. 여러 값을 반환하려면 다음 예와 같이 값을 배열에 넣은 다음 배열을 반환할 수 있습니다.

function division(dividend, divisor){
    var quotient = dividend / divisor;
    var arr = [dividend, divisor, quotient]
    return arr;
}
var res = division(100, 4)
document.write(res[0]);         // 输出:100
document.write(res[1]);         // 输出:4
document.write(res[2]);         // 输出:25

JS 함수 표현식 수식

함수 표현식은 함수 선언의 또 다른 형태입니다. 구문 형식은 다음과 같습니다.

var myfunction = function name(parameter_list){
    // 函数中的代码
};

매개변수 설명은 다음과 같습니다.

  • myfunction: 변수 name, 등호 함수 다음에 호출하는 데 사용할 수 있습니다.

  • name: 생략할 수 있는 함수 이름(보통 생략함), 생략하면 함수는 익명 함수가 됩니다. 매개변수_목록: 매개변수 목록, 함수입니다. 매개변수는 최대 255개까지 가능합니다.

  • 샘플 코드는 다음과 같습니다.

    // 函数声明
    function getSum(num1, num2) {
        var total = num1 + num2;
        return total;
    }
    // 函数表达式
    var getSum = function(num1, num2) {
        var total = num1 + num2;
        return total;
    };
  • 위 예제의 두 함수는 함수, 반환 값 및 호출 방법이 동일합니다.

참고: 함수 선언에서 오른쪽 중괄호 뒤에 세미콜론을 배치할 필요는 없지만, 함수 표현식을 사용하는 경우 표현식 끝에 세미콜론으로 끝나야 합니다.

함수 선언과 함수 표현식은 매우 유사해 보이지만 다음 예와 같이 작동 방식이 다릅니다.

declaration();          // 输出: function declaration
function declaration() {
    document.write("function declaration");
}
expression();           // 报错:Uncaught TypeError: undefined is not a function
var expression = function() {
    document.write("function expression");
};

위 예에서와 같이 함수 표현식이 정의되기 전에 호출되면 예외(오류)가 발생하지만 함수 선언은 성공적으로 실행될 수 있습니다. 이는 JavaScript가 프로그램이 실행되기 전에 함수 선언을 구문 분석하므로 함수 선언 전후에 함수를 호출하는 것이 가능하기 때문입니다. 함수 표현식은 익명 함수를 변수에 할당하므로 프로그램이 표현식을 실행하기 전에는 정의되지 않은 함수와 동일하므로 호출할 수 없습니다.

【추천 학습:

javascript 고급 튜토리얼

위 내용은 자바스크립트 함수란 무엇인가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.