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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

React'sstrongcommunityandecosystemoffernumerousbenefits : 1) impliceAccesstosolutionsThroughplatformslikestackOverflowandGitHub; 2) exealthoflibrariesandTools, walsuicomponentlibrarieslikeChakraui, thatenhancedevelopmenticificients; 3)

reftnativeIschosenFormoBiledevelopmentBecauseItAllowsDeveloperstowRiteCodeOndDeployIntonMultiplePlatforms, DevelopmentTimeAndCosts.itoffersnear-NativePerformance, AthrivingCommunity, AndleverAgesexistingWebDevelopmentsKills.keyTomasteringRea

RECT에서 usestate () 상태의 올바른 업데이트는 상태 관리의 세부 사항을 이해해야합니다. 1) 기능 업데이트를 사용하여 비동기 업데이트를 처리합니다. 2) 상태를 직접 수정하지 않도록 새 상태 객체 또는 배열을 만듭니다. 3) 단일 상태 객체를 사용하여 복잡한 양식을 관리하십시오. 4) 셰이크 방지 기술을 사용하여 성능을 최적화하십시오. 이러한 방법은 개발자가 일반적인 문제를 피하고보다 강력한 반응 응용 프로그램을 작성하는 데 도움이 될 수 있습니다.

React의 구성된 아키텍처는 모듈성, 재사용 성 및 유지 관리를 통해 확장 가능한 UI 개발 효율성을 만듭니다. 1) 모듈성을 사용하면 UI가 독립적으로 개발되고 테스트 될 수있는 구성 요소로 분해 될 수 있습니다. 2) 구성 요소 재사용성은 시간을 절약하고 다른 프로젝트에서 일관성을 유지합니다. 3) 유지 관리는 문제 포지셔닝 및 업데이트를 더 쉽게 만들어 지지만 구성 요소는 압도성과 깊은 둥지를 피해야합니다.

RECT에서 선언 프로그래밍은 UI의 원하는 상태를 설명하여 UI 논리를 단순화합니다. 1) UI 상태를 정의함으로써 RECT는 DOM 업데이트를 자동으로 처리합니다. 2)이 방법은 코드를 더 명확하고 유지 관리하기 쉽게 만듭니다. 3) 그러나 주 경영 복잡성과 최적화 된 재 렌더링에주의를 기울여야합니다.

Tonavigatereact'scomplexecosystemectically, worldsandlibraries, endegeirstrengthsandweaknesses, andintegrateTheMtoEnhancedEvelopment.StartWithCorereaCtConceptSandusestate, gragratevallystecorecomplexSolutionsormerObxasnee

ReactuseskeyStoefficificificificientifyListItemsByProvingableIdentityToeachelement.1) KeysLACKERACERACTTOTRACKCHANGENLISTSWITHOUTRE-RENDERINGENTIRELIST.2) 선택 ARRAYINDICES.3) 교정 keyUsagesSENTIFORYLATIONTIMPROFFERCANC

KeysinReactareCrucialforopiTizingProcess 및 ManingDynamicListSeffecticaly.tospotandfixkey-RelatedIssues : 1) addUniqueKeyStolistemStoavoidwarningsandperformanceIssues, 2) indainiqueIdentifiers, 3) 보장


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구
