arguments是JavaScript裡的一個內建物件,像陣列結構一樣儲存參數的傳遞,這裡我們就來深入解析JavaScript中的arguments物件,需要的朋友可以參考下
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。
彈出的是函數aCaller的內容。arguments.calleearguments.callee指向正在執行的函數本身,傳回正被執行的 Function 對象,也就是所指定的 Function 物件的正文。
注意:arguments.length是實參長度,arguments.callee.length是形參長度,通常用來判斷形參與實參長度是否一致
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);
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(){ 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);
以上是深入解析JavaScript中的arguments物件(圖文教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!