JavaScript 함수의 적용 메소드 및 호출 메소드의 코드 예제 소개

최근 jQuery의 $.each 메소드를 사용하다가 갑자기 $.each($('p'),function(index,entity){가 생각났습니다. }); 인덱스와 엔터티는 어디에 나타 났으며, 이는 필요하지 않으며 현재 탐색의 첨자와 인스턴스를 알려줄 수 있습니다. 그래서 jQuery 소스코드를 살펴보니 이렇게 적혀 있었습니다.

디버깅할 때 빨간색으로 표시된 코드를 사용했는데, 그리고 callback.call 이 함수를 사용해서 비교적 자세한 설명이 있는 "js고급 프로그래밍"을 살펴봤습니다.

우선 함수는 Function객체에 대한 포인터이고, 함수 이름은 함수에 대한 포인터입니다. 그런 다음 함수 본문 내에 this 키워드인 범위가 있습니다.

이 키워드는 함수가 실행되는 범위를 나타냅니다. 예를 들어

<script type="text/javascript">
        function funcA() {
            alert(this);
            alert("Function A");
        }
</script>

위 코드의 funcA 함수는 전역 환경에 정의되어 있으므로 함수 본문의 this는 다음과 같습니다. 창 개체.

이제 전화 설명 및 신청 차례입니다. call 함수를 예로 들어 보겠습니다. call의 첫 번째 매개변수는 함수의 범위를 변경하는 것입니다. 다음 매개변수는 함수에 전달되는 필수 매개변수이며 원본 의 매개변수 와 일치해야 합니다. 예:

<script type="text/javascript">
        var testO = { name: "Lily" };
        function funcA(a,b) {
            alert(this);
            alert("Function A");
        }

        function funcB(a, b) {
            funcA.call(testO, a, b);
        }

        funcB(1,2);  //this变成了testO
    </script>

funcB 함수 정의에서 funcA의 호출 함수를 호출했습니다. 이때 원래는 window를 가리키지만 이제는 가리킵니다. 호출의 첫 번째 매개변수인 testO 객체. 그리고 call을 호출할 때 funcA 함수에는 두 개의 매개변수가 있으므로 funcA가 매개변수를 전달하도록 하려면 매개변수, 즉 다음 두 매개변수 a와 b를 하나씩 지적해야 하거나 첫 번째 매개변수만 전달하면 됩니다.

즉: funcA.call(testO); 또는 그냥 a를 전달합니다. 즉: funcA.call(testO,a);

apply와 call의 유일한 차이점은 두 번째입니다. Apply의 매개변수는 Array 형태일 수 있으며, 매개변수를 하나씩 지적할 필요는 없습니다. funcA.apply(testO,[a,b])

call과 Apply의 기본 사용법을 소개한 후, 두 형제의 실제 용도는 기능이 작동하는 범위를 확장하는 것이라고 합니다.

<script type="text/javascript">
        window.color = "透明";
        var testObj = { color: "红色" };

        function testFuc() {
            alert(this.color);
        }

        $(function () {
            1.testFuc(); //弹出“透明”
            2.testFuc(this); //弹出“undefined”
            3.testFuc.call(this.parent); //弹出“透明”
            4.testFuc.call(window); //弹出“透明”
            5.testFuc.call(testObj); //弹出“红色”
        });
</script>

위 코드는 호출 기능을 보여줍니다. 첫 번째 함수 호출에서는 이것이 윈도우를 가리키므로 윈도우의 색상속성이 나타납니다.

어떤 친구들은 두 번째 함수도 투명하게 나타날 것이라고 생각할 수도 있지만, 먼저 우리 함수가 $(function(){});에서 실행되고 있는지 확인하세요. 이 jQuery 함수는 다음과 같은 친구들 사이에서 매우 인기가 있습니다. 분명히,

$(function(){});에서 이 범위는 document를 가리킨 다음 testFunc를 호출하여 문서의 색상을 표시합니다. 물론 정의되지 않았습니다.

세 번째 함수는 testFunc의 this를 문서의 상위 창으로 지정합니다. 물론 창의 색상을 표시하는 데에는 문제가 없습니다.

네 번째 함수는 더 간단합니다. 창이 전달됩니다.

다섯 번째 함수는 testFunc의 this를 testObj로 지정하고 빨간색 팝업을 표시합니다.

이제 이야기했으니 다들 사용법을 이해하셨겠지만, 어떻게 이해하고 사용하는지는 각자의 루틴에 따라 다릅니다.

이런 사용법은 C#이나 java에서는 일반적인 메소드라고 볼 수 있습니다. 예를 들어, C# 메서드

public void Test<T>(T a, T b) { }

의 정의를 통해 메서드를 확장하고 일반적인 목적을 달성할 수 있습니다.

위 내용은 JavaScript 함수의 적용 메소드 및 호출 메소드의 코드 예제 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!