Detaillierte Erläuterung der Verwendung von Call und Apply zum Implementieren der Vererbung in Javascript

Sowohl call als auch apply in js können vererbt werden. Der einzige Parameterunterschied besteht darin, dass der apply, der func.call(func1,var1,var2,var3) entspricht, wie folgt geschrieben wird: func.apply(func1,[var1 ,var2 ,var3]).

Erklärung des Aufrufs im JS-Handbuch:

Methode aufrufen
Eine Methode eines Objekts zu einem anderen aufrufen Das Objekt ersetzt das aktuelle Objekt.

call([thisObj[,arg1[, arg2[,   [,.argN]]]]])

Parameter
thisObj
Optional. Das Objekt, das als aktuelles Objekt verwendet wird.

arg1, arg2, , argN
Optional. Es wird eine Folge von Methodenparametern übergeben.

Erklärung Mit der
call-Methode kann eine Methode anstelle eines anderen Objekts aufgerufen werden. Die Aufrufmethode ändert den Objektkontext einer Funktion vom Anfangskontext in das durch thisObj angegebene neue Objekt.

Wenn der Parameter thisObj nicht angegeben wird, wird das globale Objekt als thisObj verwendet.

Um es einfach auszudrücken: Die Funktion dieser beiden Funktionen besteht tatsächlich darin, den internen Zeiger des Objekts zu ändern, dh den Inhalt des Objekts zu ändern, auf den dieser zeigt. Dies ist manchmal bei der objektorientierten JS-Programmierung nützlich. Nehmen wir als Beispiel „Apply“, um über die wichtige Rolle dieser beiden Funktionen in js zu sprechen. Zum Beispiel:

<SPAN style="FONT-SIZE: 18px"> function Person(name,age){   //定义一个类   
        this.name=name;     //名字   
        this.age=age;       //年龄   
        this.sayhello=function(){alert(this.name)};  
    }  
    function Print(){            //显示类的属性   
        this.funcName="Print";  
        this.show=function(){  
            var msg=[];  
            for(var key in this){  
                if(typeof(this[key])!="function"){  
                    msg.push([key,":",this[key]].join(""));  
                }  
            }  
            alert(msg.join(" "));  
        };  
    }  
    function Student(name,age,grade,school){    //学生类   
        Person.apply(this,arguments);//比call优越的地方   
        Print.apply(this,arguments);  
        this.grade=grade;                //年级   
        this.school=school;                 //学校   
    }  
    var p1=new Person("开化",80);  
    p1.sayhello();  
    var s1=new Student("云飞",40,9,"岳麓书院");  
    s1.show();  
    s1.sayhello();  
    alert(s1.funcName);</SPAN>

Darüber hinaus spielt Function.apply() eine herausragende Rolle bei der Verbesserung der Programmleistung:
Beginnen wir mit der Funktion Math.max(), auf die Math.max folgen kann alle Parameter und gibt schließlich den Maximalwert aller Parameter zurück.
Zum Beispiel

<SPAN style="FONT-SIZE: 18px">alert(Math.max(5,8));   //8   
    alert(Math.max(5,7,9,3,1,6));   //9   
    //但是在很多情况下，我们需要找出数组中最大的元素。   
    var arr=[5,7,9,1];  
    //alert(Math.max(arr));    // 这样却是不行的。NaN   
    //要这样写   
    function getMax(arr){  
        var arrLen=arr.length;  
        for(var i=0,ret=arr[0];i<arrLen;i++){  
            ret=Math.max(ret,arr[i]);  
        }  
        return ret;  
    }  
    alert(getMax(arr)); //9   
    //换用apply，可以这样写   
    function getMax2(arr){  
        return Math.max.apply(null,arr);  
    }  
    alert(getMax2(arr)); //9   
    //两段代码达到了同样的目的，但是getMax2却优雅，高效，简洁得多。   
    //再比如数组的push方法。   
    var arr1=[1,3,4];  
    var arr2=[3,4,5];  
    //如果我们要把 arr2展开，然后一个一个追加到arr1中去，最后让arr1=[1,3,4,3,4,5]   
    //arr1.push(arr2)显然是不行的。 因为这样做会得到[1,3,4,[3,4,5]]   
    //我们只能用一个循环去一个一个的push(当然也可以用arr1.concat(arr2)，但是concat方法并不改变arr1本身)   
    var arrLen=arr2.length;  
    for(var i=0;i<arrLen;i++){  
        arr1.push(arr2[i]);  
    }  
    //自从有了Apply,事情就变得如此简单   
    Array.prototype.push.apply(arr1,arr2); //现在arr1就是想要的结果</SPAN>

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung von Call und Apply zum Implementieren der Vererbung in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!