arguments定義
所有的函數都有一個自己的arguments對象,用來儲存它實際接受到的參數,而不局限於函數聲明時所定義的參數列表。它不是數組卻類似數組,具有數組一樣的訪問性質及方式,可以由arguments[n]來訪問對應的單個參數的值,並擁有數組長度屬性length。但是卻不具有數組的一些方法。可以通過call把arguments轉化成真正的數組,然後進行數組的操作。
var args = Array.prototype.slice.call(arguments);
類數組
1. 判斷ARGUMENTS是不是數組
alert(arguments instanceof Array); alert(arguments instanceof Object);
2. 如何嚴格的判斷一個數據是數組(ARRAY)類的實例
function isArray(value){
if (typeof Array.isArray === "function") {
return Array.isArray(value);
}else{
return Object.prototype.toString.call(value) === "[object Array]";
}
}
3. 把ARGUMENTS轉換成數組
方法一:內置的類型可以通過prototype找到內置的屬性方法,Array.prototype.slice就是訪問Array的內置方法slice。通過slice方法,返回一個數組。call是調用一個對象的方法,以另外一個對象替換當前對象。
var arg = Array.prototype.slice.call(arguments,0);
方法二:比方法一性能要差一點,因為它是先創建一個數組,然後再進行的
var arg = [].slice.call(arguments,0);
方法三:通過循環轉變成數組
function toArray(arguments){
var a = [];
for(var i=0;i<arguments.length;i++){
a.unshift(arguments.[i]);
}
return a;
}
caller
當一個函數被另一個函數調用的時候,被調用的函數會自動生成一個caller屬性,指向調用它的函數對象,如果函數未被調用,則caller為null。
function testCaller() {
var caller = testCaller.caller;
alert(caller);
}
function aCaller() {
testCaller();
}
aCaller();
彈出的是函數aCaller的內容。
arguments.callee
arguments.callee指向正在運行的函數自身,返回正被執行的 Function 對象,也就是所指定的 Function 對象的正文。
注意:arguments.length是實參長度,arguments.callee.length是形參長度,通常用來判斷形參與實參長度是否一致
通過arguments獲得函數的實參,通過arguments.callee獲得函數的形參。
在閉包中應用的也比較廣泛。
var i = 0;
function b(num) {
if (num < 10) {
num++;
i++;
//如果有參數,callee也要把參數帶上;
arguments.callee(num);
} else {
//輸出2次
alert("調用了"+i+"次callee!");
}
}
b(8);
Arguments.callee在閉包中的應用,它提供了一種遞歸調調用的功能。
//用arguments.callee計算10的階乘,例如: 1×2×3×4×5×6×7....
function c(x) {
return x > 1 ? x * arguments.callee(x - 1) : 1
} (10);
//輸出6
alert(c(3));
//輸出3628800
alert(c(10));
例:callee求1-n的和
function fn(n){
if(n==1) return n;
else return n+arguments.callee(n-1);
}
它可以讓一個匿名函數自己調用自己
例:
function list(type){
var result = "<"+type+"l><li>";
var args = Array.prototype.slice.call(arguments,1);
result += args.join("</li><li>");
result += "</li></"+type+"l>";
return result;
}
var listHtml = list("o","one","two");
console.log(listHtml);
例2:面試題:下面的console.log結果是[1,2,3,4]的是?
function foo(x){
console.log(arguments);
return x;
}
foo(1,2,3,4);
function foo(x){
console.log(arguments);
return x;
}(1,2,3,4)
在預解釋的時候,function fn(){}(1);會被分開處理,分成兩個函數,第一個是function fn() {},而第二個則為匿名函數:(1)。如果第二個不帶參數,就會報錯,但是上面的函數包含在一個()裡面,則是正確的。
(function fn(){
console.log(arguments);
}(1,2,3,4));
(function foo(x){
console.log( arguments);
return x;
})(1,2,3,4)
function foo(){
bar.apply(null,arguments);
}
function bar(x){
console.log(arguments);
}
foo(1,2,3,4);