JavaScript 함수 및 js 익명 함수_javascript 기술에서 주의해야 할 몇 가지 중요한 사항 요약

자바스크립트 기능을 소개해드리겠습니다

함수의 기본 구문은 다음과 같습니다.

function functionName(arg0,arg1,...,argN) {
 statements
}

예는 다음과 같습니다.

function str(name,age){
 document.write("hello my name is " + name + ". and i am " + age + " years old.");
}
str(" oliver",23); //hello my name is oliver. and i am 23 years old.

또한 모든 함수는 반환할 값 뒤에 return 문을 사용하여 언제든지 값을 반환할 수 있습니다. 예:

function sum(num1,num2){
 return num1 + num2;
 alert("hello"); //返回return 之后不会继续执行alert
}
var result = sum(321,32);
document.write(result); //353

return 문 직후에 실행이 중지되고 종료되기 때문에 return 문 뒤에 있는 코드는 실행되지 않습니다.

물론 함수에는 여러 개의 반환 문이 포함될 수 있습니다. 예:

function conp(a,b){
 if (a > b){
 return a;
 }else if (a == b){
 return "equal";
 }else{
 return b;
 }
}
var result = conp(4,4);
document.write(result); //equal
var result = conp(321,4);
document.write(result); //321

또한 return 문에도 반환 값이 있을 수 없습니다. 이런 방식으로 함수 실행을 즉시 중지하고 정의되지 않은 값을 반환할 수 있습니다. 예:

function conp(a,b){
 if (a > b){
 return;
 document.write("bad");
 }else{
 document.write(b);
 }
}
var a = conp(33,3);
document.write(a); //返回undefined 且不会出现"bad"

기능 매개변수

ECMAScript 함수 매개변수는 임의의 숫자와 데이터 유형이 될 수 있습니다. 함수 본문의 인수 개체를 통해 액세스할 수 있습니다. 예를 들어 첫 번째 매개 변수는 인수[0]이고 두 번째 매개 변수는 인수[1]입니다. 명명된 매개변수는 편의를 위한 것이지만 필수는 아닙니다. 예:

function greeting(){
 document.write("hello " + arguments[0] + ". you look " + arguments[1] + ".");
}
greeting("oliver","good"); //hello oliver. you look good.

또한, 인수 객체의 길이 속성에 접근하여 함수에 전달되는 매개변수의 개수를 확인할 수 있습니다. 예:

function countArguments(){
 document.write("there are " + arguments.length + " arguments here.");
}
countArguments(321,321,32,32); //there are 4 arguments here.

이를 사용하여 if 문과 함께 판단을 내릴 수 있습니다. 예:

function count(){
 if (arguments.length == 1){
 document.write("you just have 1 arguments.");
 }else{
 document.write("you have many arguments.");
 }
}
count(321,321,321) //you have many arguments.

또한 인수[]는 명명된 매개변수와 함께 사용할 수 있습니다.

함수 오버로딩(오버로딩 없음)

동일한 이름을 가진 두 개의 매개변수가 정의된 경우 이름 변경은 나중에 정의된 함수에만 속합니다. 예:

function add(){
 document.write(arguments[0] + arguments[1]);
}
function add(){
 document.write(arguments[0] + 100);
}
add(321,2); //421 不会执行第一个函数（两个参数相加），只执行最后一个同名的函数（第一个参数加上100）

PS: JavaScript 익명 함수

함수는 JavaScript에서 가장 유연한 객체입니다. 여기서는 익명 함수의 사용에 대해서만 설명합니다. 익명 함수: 함수 이름이 없는 함수입니다.

1.1 함수의 정의, 먼저 함수의 정의를 간략하게 소개합니다. 크게 세 가지로 나눌 수 있습니다

첫 번째 유형: 가장 일반적인 유형이기도 합니다

function double(x){
 return 2 * x; 
}

두 번째 방법: 이 방법은 함수 생성자를 사용하고 매개변수 목록과 함수 본문을 모두 문자열로 처리하므로 매우 불편하므로 권장되지 않습니다.

코드 복사 코드는 다음과 같습니다.

var double = new Function('x', 'return 2 * x;');

세 번째 유형:

코드 복사 코드는 다음과 같습니다.

var double = function(x) { return 2* x }

"=" 오른쪽에 있는 함수는 익명 함수라는 점에 유의하세요. 함수를 생성한 후 해당 함수는 square 변수에 할당됩니다.

1.2 익명 함수 생성

첫 번째 방법은 위에서 언급한 것처럼 제곱함수를 정의하는 방법인데, 이 역시 가장 많이 사용되는 방법 중 하나입니다.

두 번째 방법:

(function(x, y){
 alert(x + y); 
})(2, 3);

여기서(첫 번째 대괄호 안에) 익명 함수가 생성되고, 두 번째 대괄호는 익명 함수를 호출하고 매개변수를 전달하는 데 사용됩니다.