집 > 기사 > 웹 프론트엔드 > js의 호출 방법에 대한 자세한 설명

js의 호출 방법에 대한 자세한 설명

小云云원래의: 2018-03-22 16:16:093542검색

이 글은 주로 js의 호출 방법에 대한 자세한 설명을 공유합니다.

메서드 호출
참조
적용 대상: 함수 객체
필요
버전 5.5
객체에 대한 메소드를 호출하여 현재 객체를 다른 객체로 바꿉니다.
call([thisObj[,arg1[, arg2[, [,.argN]]]]])
매개변수
thisObj
선택 사항. 현재 객체로 사용될 객체입니다.
arg1, arg2, , argN
선택 사항. 일련의 메소드 매개변수가 전달됩니다.
설명
호출 메서드는 다른 개체 대신 메서드를 호출하는 데 사용할 수 있습니다. call 메소드는 함수의 객체 컨텍스트를 초기 컨텍스트에서 thisObj가 지정한 새 객체로 변경합니다.
thisObj 매개변수가 제공되지 않으면 전역 개체가 thisObj로 사용됩니다.
얼핏 보면 헷갈리기 쉽습니다. 먼저 몇 가지 간단한 설명을 해보겠습니다.
obj1.method1.call(obj2,argument1,argument2)
call의 기능은 위와 같이 obj2에 obj1의 메서드를 추가하는 것입니다. 나중에 사용하십시오. 인수1.. 이는 매개변수로 전달됩니다.
구체적인 예를 들어보세요

function add(a,b) 
{ 
    alert(a+b); 
} 
function sub(a,b) 
{ 
    alert(a-b); 
} 
add.call(sub,3,1);

이 예의 의미는 sub를 add, add.call(sub,3,1) == add(3,1)로 바꾸는 것입니다. 따라서 실행 결과는 다음과 같습니다: Alert(4) ; // 참고: js의 함수는 실제로 객체이며 함수 이름은 Function 객체에 대한 참조입니다.
조금 더 복잡한 예를 보세요

function Class1() 
{ 
    this.name = "class1"; 
    this.showNam = function() 
    { 
        alert(this.name); 
    } 
} 
function Class2() 
{ 
    this.name = "class2"; 
} 
var c1 = new Class1(); 
var c2 = new Class2(); 
c1.showNam.call(c2);

call은 c1의 메소드를 c2에 넣어 실행한다는 뜻입니다. 원래 c2에는 showNam() 메소드가 없었는데 이제는 c1의 showNam() 메소드를 넣는 것입니다. 실행을 위해 c2에서. 따라서 this.name은 class2여야 하며 실행 결과는 다음과 같습니다. Alert ("class2")
어때요, 흥미롭다고 생각하시겠지만, 객체 a가 객체 b의 메서드를 실행하도록 할 수 있습니다. 이는 Java 프로그래머가 감히 생각하지 못하는 것입니다. 더 흥미로운 점은 call을 사용하여 상속을 구현할 수 있다는 것입니다.

function Class1() 
{ 
    this.showTxt = function(txt) 
    { 
        alert(txt); 
    } 
} 
function Class2() 
{ 
    Class1.call(this); 
} 
var c2 = new Class2(); 
c2.showTxt("cc");

이런 방식으로 Class2는 Class1을 상속합니다. Class1.call(this)은 이 객체 대신 Class1 객체를 사용한다는 의미입니다. 그러면 Class2에는 모든 속성과 속성이 없습니다. Class1 메소드의 경우 c2 객체는 Class1의 메소드와 속성을 직접 호출할 수 있으며 실행 결과는 다음과 같습니다. Alert ("cc")
예, 그렇습니다. 이것이 javaScript가 객체 지향에서 상속을 시뮬레이션하는 방법입니다. 다중 상속을 구현합니다.

function Class10() 
{ 
    this.showSub = function(a,b) 
    { 
        alert(a-b); 
    } 
} 
function Class11() 
{ 
    this.showAdd = function(a,b) 
    { 
        alert(a+b); 
    } 
} 
function Class2() 
{ 
    Class10.call(this); 
    Class11.call(this); 
}

매우 간단합니다. 다중 상속을 달성하려면
물론 프로토타입 체인을 사용하는 것과 같은 다른 방법도 있습니다. 이는 단지 사용법만 설명하는 것입니다.
call이라고 하면 물론 apply도 있습니다. 이 두 메서드는 기본적으로 동일한 의미입니다. 차이점은 call의 두 번째 매개 변수는 모든 유형이 될 수 있지만 Apply의 두 번째 매개 변수는 배열이어야 한다는 것입니다.

js의 호출 방법에 대한 자세한 설명

관련 기사