JavaScript_javascript 스킬의 함수에 대한 자세한 설명

함수를 정의하는 데는 function이라는 키워드가 사용됩니다.

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

//함수 선언적 정의:
함수 funcname([arg1[,args[...,argn]]]){
진술
}
//함수 표현식 정의:
var funcname = 함수 ([arg1[,args[...,argn]]]){
진술
};

함수 본문에 명령문이 하나만 포함된 경우에도 함수 명령문에 중괄호가 필요합니다.

JavaScript에서 함수는 Function 클래스의 특정 인스턴스입니다. 그리고 이들은 모두 다른 참조 유형과 동일한 속성과 메서드를 갖습니다.

함수 이름은 실제로 함수 개체에 대한 포인터이며, 함수는 매개 변수 전달 및 반환 값에 참여하는 매개 변수로 사용될 수 있습니다.

함수의 객체 속성

함수는 Function의 인스턴스이고 함수 이름은 인스턴스의 참조 주소일 뿐이기 때문입니다. 따라서 함수의 매개변수 전달 과정에 매개변수와 반환값으로 참여할 수 있다.

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

함수 call_some_function(some_function, some_argument) {
some_function(some_argument) 반환;
}
함수 add_10(num) {
숫자 10을 반환합니다;
}
console.log(call_some_function(add_10,20)) //30

함수 내부 속성

이런 주장
•인수 객체는
함수에 전달된 매개변수를 저장합니다. •arguments.length는 전달된 매개변수 수를 반환합니다
• 참고: 길이 속성은 함수가 정의될 ​​때 수신되는 기본 매개변수 수를 나타냅니다. args.length는 함수가 실제로 실행될 때 수신된 인수의 개수를 나타냅니다.

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

함수 test_arguments() {
If (arguments.length == 2) {
console.log(arguments.length)
console.log(인수)
} 그 밖의 {
console.log(arguments.length)
console.log(인수)
인수.callee(4, 5);
};
}(1, 2, 3)
/**
 3
{ '0': 1, '1': 2, '2': 3 }
2
{ '0': 4, '1': 5 }
 **/

•arguments.callee()는 재귀 함수에서 함수 자체가 호출되는 상황에서 주로 사용됩니다. js와 다른 언어의 차이점은 함수 이름은 단지 포인터일 뿐이며 언제든지 변경될 수 있다는 것입니다. 함수에서 함수 이름을 사용하여 자신을 호출하는 것은 매우 결합되어 문제가 발생할 수 있습니다. ) 자체 호출하면 이 문제를 피할 수 있습니다

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

함수 계승(숫자) {
If (num <= 1) {
1을 반환;
} 그 밖의 {
숫자 * 계승(숫자 - 1)을 반환합니다.
};
}
함수 callee_f(num) {
If (num <= 1) {
1을 반환;
} 그 밖의 {
num *args.callee(num - 1);
을 반환합니다. };
}
계승(10); //정상적으로 실행
f = 계승;
계승 = null;
f(10); //오류
callee_f(10); //정상적으로 실행
f = 수신자_f;
callee_f = null;
f(10); //정상적으로 실행

•주로 함수가 함수 범위 내의 객체를 참조하도록 돕는 데 사용됩니다.

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

var 색상 = '빨간색';
함수 syaColor() {
console.log(this.color);
}
syaColor(); //빨간색
var o = new Object();
o.color = '파랑';
o.sayColor = sayColor;
o.sayColor(); //파란색

전화() 및 적용()

call()과 apply()는 모든 함수에 포함된 자체 메소드입니다. 앞서 언급했듯이 함수는 정의된 개체이므로 함수를 호출할 때 함수 내에서 이는 현재 변수와 다음 변수에 대한 호출입니다. 함수가 실행되는 도메인 공간을 변경하려면 call() 및 apply()를 사용하면 됩니다.

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

색상 = '빨간색';
var o = {색상: '파란색'};
함수 sayColor() {
console.log(this.color);
}
sayColor(); //빨간색
sayColor.call(this); //빨간색
sayColor.call(o); //블루

app()과 call()의 기능은 동일합니다. 주요 차이점은 전달되는 매개변수에 있습니다.

call(this,para1,prar2,prar3) 첫 번째 매개변수는 함수가 실행될 범위이고, 다음 매개변수는 함수의 입력 매개변수를 마음껏 씁니다.

apply(this,[para1,para2,prara3]) 첫 번째 매개변수는 함수가 실행될 범위이기도 하며 그 뒤에 배열 배열 객체가 옵니다.

call()/apply()를 사용하여 범위를 확장할 때의 가장 큰 이점은 개체와 메서드의 분리입니다.

내장 개체

Global 객체는 가장 바깥쪽에 있는 객체로 이해될 수 있습니다. 모든 객체는 물론 다른 객체에 속하지 않는 속성과 메서드도 Global 객체에 포함됩니다.
* isNaN(x)는 매개변수 x가 숫자인지 확인하는 데 사용됩니다. 숫자이면 false를 반환하고, 그렇지 않으면 true를 반환합니다.
* isFinite(x)는 매개변수 x가 무한/소형인지 확인하는 데 사용됩니다. 무한/소형이면 true를 반환합니다
*parseInt(x)는 문자열을 구문 분석하고 정수를 반환하는 데 사용됩니다.
*parseFloat(x)는 문자열을 구문 분석하고 부동 소수점 숫자를 반환하는 데 사용됩니다.
* encodeURI() 및 encodeURIComponent()는 브라우저가 이해할 수 있도록 일부 특수 문자를 피하기 위해 문자열에 특수 UTF-8 인코딩을 수행합니다. 이들 간의 주요 차이점은 encodeURI()는 URI 자체인 특수 문자를 인코딩하지 않는 반면, encodeURIComponent()는 발견한 모든 비표준 문자를 인코딩한다는 것입니다.

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

var uri = "http://www.wrox.com/illegal value.htm#start";
//http://www.wrox.com/illegal value.htm#start
console.log(encodeURI(uri))
//http://www.wrox.com/illegal value.htm#start
console.log(encodeURIComponent(uri))

•해당 디코딩 함수는 decodeURI() 및 decodeURIComponent()입니다
•eval(script)는 인터프리터에서 스크립트의 내용을 실행하고 해당 결과를 반환하는 데 사용됩니다. 매우 강력합니다!

참고: 브라우저에서 windows 개체는 전역 개체를 캡슐화하고 많은 추가 작업과 기능을 가정합니다.

수학 객체는 또 다른 내장 객체입니다. JavaScript에 대한 수학적 계산 기능을 제공합니다.

위 내용은 이 기사의 전체 내용입니다. 여러분이 좋아하고 도움이 되기를 바랍니다.