>웹 프론트엔드 >프런트엔드 Q&A >자바스크립트에서 함수를 선언하는 데 사용되는 것

자바스크립트에서 함수를 선언하는 데 사용되는 것

青灯夜游
青灯夜游원래의
2022-02-15 18:16:413279검색

js에서는 function 키워드나 Function() 함수를 사용하여 함수를 선언하고 정의할 수 있습니다. 구문은 "function funName([매개변수 목록]){...}" 또는 "var funName = new Function([parameter 목록, 본문 ])".

자바스크립트에서 함수를 선언하는 데 사용되는 것

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

JavaScript에서 함수 선언 및 정의

1. 함수 키워드 사용

구문: ​​

function funName([参数列表]) {
    statements
}

funName은 함수 이름이며 변수 이름과 같은 유효한 JavaScript 식별자여야 합니다. 함수 이름 뒤에는 괄호로 묶이고 쉼표로 구분된 매개변수 목록이 있습니다. 매개변수는 선택사항이며 개수에는 제한이 없습니다.

식별자로서 매개변수는 함수 본문 내에서만 액세스되며 매개변수는 함수 범위의 전용 멤버입니다. 함수를 호출할 때 함수에 값을 전달한 다음 매개변수를 사용하여 외부에서 전달된 값을 얻고 함수 본문 내에서 함수 실행에 개입합니다.

괄호 뒤는 중괄호입니다. 중괄호 안에 포함된 문장이 함수 본문 구조의 주요 내용입니다. 함수 본문에서 중괄호는 필수입니다. 중괄호가 없으면 JavaScript는 구문 오류를 발생시킵니다.

Example

함수 문에는 함수 이름, 괄호, 중괄호가 포함되어야 하며, 기타 코드는 생략 가능하므로 가장 간단한 함수 본문은 빈 함수입니다.

function funName() {}  //空函数

익명 함수를 사용하는 경우 함수 이름을 생략할 수 있습니다.

function () {}  //匿名空函数

var 문과 function 문은 모두 선언 문입니다. 선언된 변수와 함수는 JavaScript가 미리 컴파일될 때 구문 분석되며, 이를 변수 승격 및 함수 승격이라고도 합니다. 사전 컴파일 기간 동안 JavaScript 엔진은 각 함수에 대한 컨텍스트를 생성하고, 변수 개체를 정의하고, 함수의 모든 형식 매개변수, 전용 변수 및 중첩 함수를 변수 개체의 속성으로 등록합니다.

2. Function() 함수를 사용하세요

Function() 생성자를 사용하여 함수를 빠르게 생성하세요. 구체적인 사용법은 다음과 같습니다.

var funName = new Function([参数列表,body]);

Function()의 매개변수 유형은 모두 문자열입니다. 본문은 생성된 함수의 함수 구조 문을 나타내며 본문 문은 세미콜론으로 구분됩니다.

예제 1

모든 매개변수를 생략하고 함수 본문을 나타내는 문자열만 전달할 수 있습니다.

var f = new Function ("a", "b", "return a+b");  //通过构造函数来克隆函数结构

위 코드에서 f는 생성된 함수의 이름입니다. 동일한 함수를 정의하고, 동일한 구조의 함수를 function문을 이용하여 설계할 수 있습니다.

function f(a, b) {  //使用function语句定义函数结构
    return a + b;
}

예제 2

Function() 생성자를 사용하여 매개변수를 지정하지 않고 빈 함수 구조를 만듭니다.

var f = new Function();  //定义空函数

예제 3

Function() 생성자 매개변수에서 p1~pn은 매개변수 이름의 목록입니다. 즉, p1은 하나의 매개변수뿐만 아니라 쉼표로 구분된 매개변수 목록도 나타낼 수 있습니다. 다음 정의 방법은 동일합니다.

var f = new Function("a", "b", "c", "return a+b+c");
var f = new Function("a, b, c", "return a+b+c");
var f = new Function("a,b", "c", "return a+b+c");

Function() 생성자를 사용하는 것은 일반적으로 함수 본문에 많은 코드가 포함되어 있기 때문에 이러한 코드가 한 줄 문자열로 전달되면 코드의 가독성이 떨어집니다.

Function() 생성자를 사용하면 동적으로 함수를 생성할 수 있으며, 이는 사용자를 함수 문에서 미리 선언한 함수 본문으로 제한하지 않습니다. Function() 생성자를 사용하면 함수를 구조가 아닌 표현식으로 사용할 수 있으므로 더 유연하게 사용할 수 있습니다. 단점은 Function() 생성자가 실행 중에 컴파일되고 실행 효율성이 매우 낮으며 일반적으로 사용이 권장되지 않는다는 것입니다.

【관련 권장 사항: javascript 학습 튜토리얼

위 내용은 자바스크립트에서 함수를 선언하는 데 사용되는 것의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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