> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트가 함수를 사용하는 방법과 반환값 사용 예에 ​​대한 자세한 설명

자바스크립트가 함수를 사용하는 방법과 반환값 사용 예에 ​​대한 자세한 설명

伊谢尔伦
풀어 주다: 2018-05-19 15:27:11
원래의
3147명이 탐색했습니다.

JavaScript에서 함수는
◆ 변수에 할당될 수 있습니다.
◆ 개체의 속성으로 할당될 수 있습니다.
◆ 매개변수로 다른 함수에 전달될 수 있습니다.
◆ 함수의 결과로 반환될 수 있습니다.

변수:

//声明一个函数,接受两个参数,返回其和 
function add(x, y){ 
return x + y; 
} 
var a = 0; 
a = add;//将函数赋值给一个变量 
var b = a(2, 3);//调用这个新的函数a 
print(b);
로그인 후 복사

이 코드는 할당 후 변수 a가 함수 add를 참조하기 때문에 "5"를 인쇄합니다. 즉, a의 값은 함수 객체(실행 가능한 코드 블록)이므로 (2, 3) 합계 연산을 수행하려면 이 문을 사용하세요.
객체 속성 할당:

var obj = { 
id : "obj1" 
} 
obj.func = add;//赋值为obj对象的属性 
obj.func(2, 3);//返回5
로그인 후 복사

사실 이 예제는 이전 예제와 본질적으로 동일합니다. 첫 번째 예제의 a 변수는 실제로 전역 객체입니다(클라이언트 환경에 있는 경우 이는 창 개체의 속성입니다). 두 번째 예는 obj 객체입니다. 전역 객체를 직접 참조하는 경우는 거의 없으므로 별도로 설명하겠습니다.
매개변수로 전달됨:

//高级打印函数的第二个版本 
function adPrint2(str, handler){ 
print(handler(str)); 
} 
/将字符串转换为大写形式,并返回 
function up(str){ 
return str.toUpperCase(); 
} 

//将字符串转换为小写形式,并返回 
function low(str){ 
return str.toLowerCase(); 
} 

adPrint2("Hello, world", up); 
adPrint2("Hello, world", low);
로그인 후 복사

이 코드를 실행하면 결과를 얻을 수 있습니다.

HELLO, WORLD 
hello, world
로그인 후 복사

함수 adPrint2의 두 번째 매개변수는 실제로 이 처리 함수를 매개변수로 전달합니다. adPrint2에서는 이 기능을 계속 호출할 수 있습니다. 특히 일부 개체를 처리하고 싶지만 어떤 형식인지 확실하지 않은 경우에는 "처리 방법"을 완전히 변경할 수 있습니다. 기능).
함수 반환 값:
가장 간단한 예를 먼저 살펴보겠습니다.

function currying(){ 
return function(){ 
print("curring"); 
} 
}
로그인 후 복사

curring 함수는 익명 함수를 반환합니다. 이 익명 함수는 단순히 currying()을 호출하면 다음과 같은 결과를 얻습니다.

function (){ 
print("curring"); 
}
로그인 후 복사

커링으로 반환된 익명 함수를 호출하려면 다음과 같이 해야 합니다.
currying()();
첫 번째 대괄호 연산은 커링 자체를 호출하는 것을 의미하며, 두 번째 대괄호 연산자가 이 반환 값을 호출하면 다음과 같은 결과를 얻게 됩니다:
currying

위 내용은 자바스크립트가 함수를 사용하는 방법과 반환값 사용 예에 ​​대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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