javascript call與apply關鍵字的作用
apply接受兩個參數。第一個參數指定函數體內this對象的指向，第二個參數為一個帶下標的集合。
call則是apply的語法糖，如果參數數量固定，則可以不用帶下標的集合傳第二個參數。
var func = function(a,b,c){ alert(a + b + c);}func.apply(null,[1,2,3]);//彈出6func.call(null,1,2,3);//彈出6當apply與call傳入的第一個參數為null時，函數體內的this會指向window。
當apply與call傳入的第一個參數為null時，函數體內的this會指向window。
call與apply的用途
1、改變this的指向
var obj1 = { name = '劉備'} var obj2 = { name = '曹操'}var getName = function(){ alert(this.name);} window.name = '三國';getName();//彈出"三國"getName.call(obj1);//彈出"劉備"getName.call(obj2);//彈出"曹操"所以，當在一些情況下this被莫名改變指向之后，可以使用call或apply來進行修正this的指向。
document.getElementById('div1').onclick = function(){ alert(this.id);//div1 var fun1 = function(){ alert(this.id);//window.id 即undefined } fun1();//普通函數的方式調用，this指代window,相當于window.id 即 undefined}由于是普通函數的方式調用，所以上面的例子中，this已經變成了window。下面看看如何使用call進行修正。
document.getElementById('div1').onclick = function(){ alert(this.id); var fun1 = function(){ alert(this.id); } fun1.call(this);//強制函數內的this為外層的this，}2、調用其他對象的函數
示例1：
var obj1 = { a:1, b:2, add:function() { return this.a + this.b; }}var obj2 = { a:1, b:2,}var result = obj1.add.call(obj2);//用obj1的函數來計算obj2的兩個屬性的和alert(result);//輸出3示例2：借用構造函數實現類似繼承的效果
var A = function(name){ this.name = name;};var B = function(){ A.apply(this,arguments)}B.prototype.getName = function(){ return this.name;}var b = new B('劉備');alert(b.getName());以上就是本文的內容，有問題可以和小編聯系，謝謝對武林網的支持！
新聞熱點
疑難解答
