> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 함수의 기능

JavaScript 함수의 기능

王林
풀어 주다: 2024-02-19 15:32:06
원래의
741명이 탐색했습니다.

JavaScript 함수의 기능

JavaScript에서 함수의 역할

JavaScript는 강력한 스크립팅 언어이며 함수는 가장 기본적이고 중요한 기능 중 하나입니다. 함수는 독립적인 코드 블록으로 호출되거나 다른 코드의 일부로 호출될 수 있습니다. 매개변수를 수신하고, 일련의 작업을 수행하고, 결과를 반환할 수 있습니다. 이 글에서는 JavaScript에서 function 함수의 역할을 소개하고 구체적인 코드 예제를 제공합니다.

1. 함수 정의 및 호출
function 키워드를 통해 함수를 정의할 수 있습니다. 함수를 정의하는 구문은 다음과 같습니다.

function 函数名(参数1, 参数2, ...){
    // 函数体
    // 执行一系列操作
    // 返回结果
}
로그인 후 복사

여기서 함수 이름은 함수를 호출할 때 사용되는 함수의 식별자입니다. 매개변수는 선택사항이며 임의의 숫자일 수 있습니다. 일련의 명령문을 함수 본문 내에 작성하여 작업을 수행할 수 있습니다. return 문을 사용하여 결과를 반환할 수 있습니다.

함수를 정의한 후 함수 이름을 통해 함수를 호출하고 해당 매개변수를 전달할 수 있습니다. 예:

function greet(name){
    console.log("Hello, " + name + "!");
}

greet("John"); // 输出:Hello, John!
로그인 후 복사

위의 예에서는 매개변수 이름이 있는 Greeting이라는 함수가 정의되었습니다. 인사말을 출력하려면 함수 본문 내에서 console.log()를 사용하세요. 함수를 호출할 때 "John"을 매개변수로 전달합니다.

2. 함수 매개변수 및 반환 값 ​​
함수는 함수 정의 시 매개변수 이름을 지정하여 원하는 수의 매개변수를 받을 수 있으며 들어오는 값을 받을 수 있습니다. 함수를 호출할 때 해당 값을 매개변수에 전달합니다. 예:

function sum(a, b){
    return a + b;
}

console.log(sum(2, 3)); // 输出:5
로그인 후 복사

위 코드에서는 두 개의 매개변수 a와 b를 갖는 sum이라는 함수가 정의됩니다. return 문은 함수 본문에서 a와 b의 합을 반환하는 데 사용됩니다. 함수는 2와 3을 매개변수로 전달하여 호출되며 최종 출력은 5입니다.

이 함수는 어떤 매개변수도 받을 수 없습니다. 예:

function sayHello(){
    console.log("Hello!");
}

sayHello(); // 输出:Hello!
로그인 후 복사

위 코드에서 sayHello라는 함수는 매개변수 없이 정의됩니다. 인사말을 출력하려면 함수 본문에서 console.log()를 사용하세요. sayHello 함수를 호출하면 최종 출력 결과는 Hello입니다. 이 함수는 모든 유형의 값을 반환하고 return 문을 사용하여 결과를 반환할 수 있습니다. 예:

function square(n){
    return n * n;
}

console.log(square(3)); // 输出:9
로그인 후 복사

위 코드에서는 매개변수 n이 있는 square라는 함수가 정의됩니다. n의 제곱을 반환하려면 함수 본문의 return 문을 사용하세요. square 함수를 호출하고 3을 매개변수로 전달하면 최종 출력은 9가 됩니다.

3. 함수의 중첩 및 범위

JavaScript에서는 함수가 다른 함수 안에 중첩될 수 있습니다. 중첩 함수는 외부 함수 범위 내의 변수와 매개변수에 액세스할 수 있습니다. 예를 들면 다음과 같습니다.

function outer(){
    var x = 10;

    function inner(){
        console.log(x);
    }

    inner(); // 输出:10
}

outer();
로그인 후 복사

위 코드에서는 지역 변수 x를 갖는 external이라는 함수가 정의되어 있습니다. 외부 함수 내부에는 inner라는 함수가 정의되어 있습니다. 내부 함수는 외부 함수의 로컬 변수 x에 액세스하고 console.log()를 통해 x 값을 출력할 수 있습니다.

4. 함수 표현식 및 익명 함수

function 키워드를 사용하여 함수를 정의하는 것 외에도 함수 표현식을 사용하여 함수를 만들 수도 있습니다. 함수 표현식은 변수에 할당될 수 있으며 익명일 수 있습니다. 예:

var multiply = function(a, b){
    return a * b;
}

console.log(multiply(2, 3)); // 输出:6
로그인 후 복사

위 코드에서는 함수 표현식을 사용하여 곱셈이라는 함수가 생성됩니다. 두 개의 매개변수 a와 b를 사용하고 a와 b의 곱을 반환합니다. 곱셈 함수를 호출하고 2와 3을 매개변수로 전달하면 최종 출력 결과는 6이 됩니다.

익명 함수는 함수 이름이 없는 함수로, 함수의 매개변수 위치에 직접 정의하거나 호출 시 사용할 수 있습니다. 예:

setTimeout(function(){
    console.log("Hello, world!");
}, 1000);
로그인 후 복사

위 코드에서는 익명 함수가 setTimeout 함수의 매개변수로 사용되며, 1000밀리초 지연 후 인사말이 출력됩니다.

요약:

JavaScript의 함수 함수는 코드 블록을 정의, 호출 및 재사용할 수 있는 강력한 기능입니다. 함수는 매개변수를 수신하고, 일련의 작업을 수행하고, 결과를 반환할 수 있습니다. 함수 중첩을 통해 함수 내에서 외부 함수의 변수 및 매개변수에 액세스할 수 있습니다. 함수 표현식과 익명 함수를 변수에 할당할 수 있어 코드 구성과 재사용이 더 쉬워집니다.


위는 JavaScript에서 function의 역할을 소개하고, 구체적인 코드 예시를 제공하고 있습니다. 함수의 정의, 호출, 매개변수, 반환 값, 중첩 및 범위를 마스터하면 JavaScript의 함수 기능을 더 잘 활용하여 다양한 작업을 완료할 수 있습니다.

위 내용은 JavaScript 함수의 기능의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿