자바스크립트 공부노트(4) 함수 함수파트_기본지식

함수는 호출 시 실행되는 이벤트 기반 또는 재사용 가능한 코드 블록입니다.
Jscript는 두 가지 유형의 함수를 지원합니다. 하나는 언어의 내부 함수(예: eval())이고 다른 하나는 직접 생성합니다.

자바스크립트 함수 내에서 선언된 변수(var 사용)는 지역 변수이므로 함수 내에서만 접근이 가능합니다. (이 변수의 범위는 로컬입니다.)

변수가 선언된 함수에서만 변수를 인식하므로 같은 이름의 지역 변수를 다른 함수에서 사용할 수 있습니다.

함수 호출 방법

1. 일반 호출: functionName(실제 매개변수...)

2. 함수를 가리키는 변수를 통해 호출:

var myVar = 함수 이름;

myVar(실제 매개변수...);

함수를 반환하는 함수

　1. 함수에 명확한 반환 값이 없는 경우 반환 값은 "정의되지 않음"입니다.

　2. 함수에 반환값이 있으면 반환값이 무엇이든 반환됩니다.

return 문을 사용하면 함수가 호출된 위치로 함수를 반환할 수 있습니다.

return 문을 사용하면 함수 실행을 중지하고 지정된 값을 반환합니다.

함수는 일반적으로 고유한 값을 반환하므로 이 값은 다른 함수일 수도 있습니다.

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

여기에서는 반환 값을 변수에 할당한 다음 일반 함수처럼 호출합니다.

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

반환된 함수를 즉시 실행하려면 box()()를 사용하여 이 코드를 실행할 수도 있습니다.

모든 ECMAScript 함수의 매개변수는 값으로 전달됩니다. 즉, 매개변수는 참조로 전달되지 않습니다.

PS: 참조에 의한 전달이 있는 경우 함수의 변수는 전역 변수가 되며 외부에서도 액세스할 수 있습니다.

(1) 값 유형: 숫자 값, 부울 값, null, 정의되지 않음.
(2) 참조 유형: 객체, 배열, 함수.

참조 유형 값: 힙 메모리에 저장된 개체를 참조합니다. 즉, 변수에 저장되는 것은 실제로는 포인터일 뿐입니다. 이 포인터는 메모리의 다른 위치를 실행하고 개체는 해당 위치에 저장됩니다. 🎜 > 익명 함수 생성

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

함수(){
return 'Lee'; //별도의 익명 함수는 실행 가능하더라도 이름이 없으므로 호출할 수 없습니다.
}

이런 종류의 익명 함수는 JQuery에서 다양한 용도로 사용됩니다. 익명함수를 직접 선언하고 바로 사용해보세요. 익명 함수를 사용하면 한 번 사용되는 함수를 정의하고 사용하지 않아도 된다는 장점이 있고, 이름 충돌 문제도 피할 수 있다는 점은 js에 네임스페이스라는 개념이 없기 때문입니다. 함수 이름이 충돌하기 쉽습니다. 이름이 충돌하는 경우 마지막으로 선언된 이름이 우선합니다.

자체 실행을 통해 익명 함수 실행:

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

//자체 실행으로 익명 함수 실행

익명 함수의 자체 실행 반환 값을 변수에 할당합니다.

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

//익명 함수의 자체 실행 반환 값을 변수에 할당합니다.

자체 실행 익명 함수에 매개변수 전달:

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

//자체 실행 익명 함수의 매개변수 전달

javascript는 동적 함수를 생성합니다.

JavaScript는 동적 함수 생성을 지원합니다. 동적 함수는 Function 객체를 사용하여 정의해야 합니다(Function은 JavaScript의 객체이며 고정되어 있습니다. Function 객체의 "F"는 대문자로 표시되어야 한다고 규정되어 있습니다. function, 우리는 함수를 정의할 때 사용하는 키워드인 것을 알고 있습니다: function funName(x, y). Function일 때(F가 대문자일 때) JavaScript에서는 객체라는 것을 알 수 있습니다.

동적 함수 생성을 위한 기본 형식: var 변수 이름 = new Function("매개변수 1", "매개변수 2", "매개변수 n", "실행문")

다음 코드를 살펴보세요.

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

square는 동적으로 생성된 함수입니다. Function 객체 뒤의 괄호 안에 있는 내용의 각 부분은 문자열 형식이어야 합니다. 즉, 따옴표("" 또는 '')로 묶어야 합니다.

이 코드:

var square = new Function ("x","y","var sum ; sum = x y;return sum;");

그리고 다음 코드:

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

함수 제곱(x,y){

        var sum;
          합계 = x y;
           합계 반환;
}

하나는 동적 함수이고 다른 하나는 정적 함수라는 점을 제외하면 완전히 동일합니다. 왜 코드를 작은 코드 조각으로 나누어야 합니까? , 문자열을 여러 개의 독립적인 문자열로 나누는 것의 장점은 문자열 중 일부를 수정하여 언제든지 함수의 기능을 변경할 수 있다는 것입니다.

콜백 기능

콜백은 함수를 호출하는 과정입니다. 그럼 이 호출 프로세스를 이해하는 것부터 시작해 보겠습니다. 함수 a에는 함수 b라는 하나의 매개변수가 있습니다. 함수 a가 실행되면 함수 b가 실행됩니다. 그런 다음 이 프로세스를 콜백이라고 합니다.

사실 중국어도 이해하기 쉽습니다. 콜백, 콜백은 콜백을 의미합니다. 함수 a를 미리 완료하고 나중에 함수 b를 호출하세요.

여기서 한 가지 분명히 해야 할 점은 함수 b가 매개변수 형태로 함수 a에 전달된 다음 함수 b를 콜백 함수라고 한다는 것입니다.

jquery의 효과 함수 대부분은 콜백 함수와 관련되어 있습니다. jquery 효과 기능

예:

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

여기서 콜백 함수는 다음 예시로 대체될 수 있습니다.

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

콜백은 실제로 함수가 실행된 후 현재 실행되는 함수가 소위 콜백 함수라는 뜻입니다. 어때요? 이해하기 쉽습니다...

방법과 기능의 차이점

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

var arr = [1,2,3,4,5]
var a =12; //변수: free
arr.a= 5; //속성: 객체에 속함
function show() //함수: 무료
{
경고('a');
}
arr.fn = function() //메서드: 객체에 속함
{
경고('b');
}

사실 메소드는 함수이지만 메소드는 자신이 속한 객체입니다.

우리 모두 알고 있듯이 클릭 이벤트에 함수 바인딩
구문:

$(선택기).클릭(함수)
매개변수 설명
기능은 선택 사항입니다. 클릭 이벤트가 발생할 때 실행할 함수를 지정합니다.
이 형식은 jquery에서 자주 볼 수 있습니다. 함수를 메서드의 매개변수로 사용하고 메서드에 이벤트 처리 함수를 추가합니다.

js 전역 함수

전역 함수는 내장 객체의 속성이나 메서드와 동일한 개념이 아닙니다. 전역 함수는 내장 객체에 속하지 않습니다.
JavaScript에는 몇 가지 일반적인 기능을 완료하는 데 사용되는 다음 7개의 전역 함수가 포함되어 있습니다.

escape( ), eval( ), isFinite( ), isNaN( ),parseFloat( ),
ParseInt( ), 이스케이프 해제( ).
여러 가지 기능의 기능

클래스 생성자로 사용

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

함수 클래스(){}
class.prototype={};
var 항목=새 클래스()

클로저로 사용

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

(함수(){
//독립적인 범위
})();

생성자로 호출

이 함수를 통해 새로운 객체를 생성하는 것을 생성자 함수라고 합니다.

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

         기능 테스트(){
This.x = 10;
}
var obj = 새 테스트();

            경고(obj.x); //팝업 10;

객체는 Object(), Date() 및 Function()과 같은 사전 정의된 생성자와 함께 new 연산자를 사용하여 생성하고 초기화할 수 있습니다. 객체 지향 프로그래밍의 강력한 기능은 사용자 정의 생성자를 정의하여 스크립트에서 사용할 사용자 정의 객체를 생성하는 기능입니다. 정의된 속성이 있는 개체를 만들 수 있도록 사용자 지정 생성자를 만들었습니다. 다음은 사용자 정의 함수의 예입니다(this 키워드 사용에 유의하세요).

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

함수 원(xPoint, yPoint, 반경) {

This.x = xPoint; // 원 중심의 x 좌표입니다.
This.y = yPoint; // 원 중심의 y 좌표입니다.
This.r = radius; // 원의 반지름입니다.
}

원 생성자를 호출할 때 중심점과 원의 반지름 값을 제공합니다(이 모든 요소는 고유한 원 개체를 완전히 정의하는 데 필요합니다). 결국 Circle 개체에는 세 가지 속성이 포함됩니다. Circle 개체를 인스턴스화하는 방법은 다음과 같습니다.

var aCircle = new Circle(5, 11, 99);
생성자 함수를 사용하면 객체를 생성할 때 일부 매개변수를 받을 수 있다는 장점이 있습니다.

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

관례적으로 생성자 함수의 첫 글자를 대문자로 표기하여 일반 함수와 구별해야 합니다.

다음 두 가지 형태의 정의 함수는 동일합니다.

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

여기서 변수 테스트가 명확하게 정의되어 있으며 해당 초기값은 함수 엔터티에 할당됩니다

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

다음 정의된 함수 형식을 살펴보세요.

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

분명히 첫 번째 기능이 작동하지 않더군요. 이상하지 않나요? 우리는 JavaScript 파싱 엔진이 코드를 한 줄씩 실행하지 않고 섹션별로 코드를 실행한다는 것을 알고 있습니다. 동일한 프로그램의 분석 및 실행에서는 정의된 함수 명령문이 먼저 실행되므로 첫 번째 정의의 코드 논리가 두 번째 정의로 덮어쓰기되므로 동일한 함수가 두 번 호출되면 두 번째 정의만 실행됩니다. 실행.

값으로서의 기능

js에서 함수는 구문일 뿐만 아니라 값이기도 합니다. 즉, 함수를 변수에 할당하고, 객체의 속성이나 배열의 요소에 저장하고, 다른 함수에 매개변수로 전달할 수 있습니다.
함수의 이름은 실제로 눈에 보이지 않으며 단지 함수 개체를 참조하는 변수의 이름일 뿐입니다

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

변수에 함수를 할당하는 것 외에도 객체의 속성에 함수를 할당할 수도 있습니다. 함수를 객체의 속성으로 호출하는 경우 해당 함수를 메서드라고 합니다

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

프로토타입 속성

각 함수에는 객체에 대한 참조를 가리키는 프로토타입 속성이 포함되어 있습니다. 이 객체를 프로토타입 객체라고 합니다.
자세한 내용은 JavaScript 연구 노트(5) 프로토타입 및 프로토타입 체인

을 참조하세요.

고차 함수

여기서 말하는 고차함수는 고등수학에서의 고차함수는 아니고 하나 이상의 함수를 매개변수로 받아 새로운 함수를 반환하는 함수입니다.