當前位置：首頁 >

你不知道的JavaScript--Item11 arguments对象

發布時間：2023/12/18 32 如意码农

生活随笔收集整理的這篇文章主要介紹了你不知道的JavaScript--Item11 arguments对象小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1、什么是arguments

arguments 是是JavaScript里的一個內置對象，它很古怪，也經常被人所忽視，但實際上是很重要的。所有主要的js函數庫都利用了arguments對象。所以agruments對象對于javascript程序員來說是必需熟悉的。在javascript函數體內，標識符arguments具有特殊含義。它是調用對象的一個特殊屬性，用來引用Arguments對象。Arugments對象就像數組，注意這里只是像并不是哈。

javascript函數體內，arguments像數組(并不是真的數組，是一個Arguments對象，再次強調)一樣，有length屬性，可以代表傳給函數的參數的個數。

javascript中Arguments對象是函數的實際參數，arguments對象的長度是由實參個數而不是形參個數決定的。形參是函數內部重新開辟內存空間存儲的變量，但是其與arguments對象內存空間并不重疊。

js不會主動為你判斷你到底給函數傳了多少個參數，如果你多傳了，多余的部分就沒有被使用，如果你少傳了，那么沒傳的參數值就是undefined.所以我們可以借助arguments的length屬性來檢測調用函數時是否使用了正確數目的實際參數，因為javascript是不會為你做這些事的

function f(x,y,z)

{

    //首先檢查傳遞的參數數量是否正確

    if(arguments.length != 3)

    {

        throw new Error("function f called with " + arguments.length + "arguments");

    }

    //下面運行真正的函數

}

2、arguments創建可變參數列表函數

arguments還為我們提供了這樣一種可能，就是為一個函數傳任意數目的實際參數：

比如說，我想用一個display()函數來計算每個公司的員工工資總額，對，沒錯，你傳多少參數都行，但是前提是你要傳數字，因為我在函數內部懶得判斷了。呵。

 function display(){

        var sum=0;  //總額

        for(var i=0;i<arguments.length;i++){

            sum+=arguments[i];

        }

        document.write(sum+'<br>');

    }

    //A公司

    display(10000,2000,5000);

    //B公司

    display(1000,2000,5000,8000,10000);

怎么樣？這個方法很巧妙吧？呵呵。

說明一下arguments與真正傳的形式參數是一致的：

對于arguments和值都存在的情況下，兩者值是同步的改變其中一個值，即改變了二者所有的值

function f(a, b, c){

    alert(arguments.length);   // result: "2"

    a = 100;

    alert(arguments[0]);       // result: "100"

    arguments[0] = "qqyumidi";

    alert(a);                  // result: "qqyumidi"

    alert(c);                  // result: "undefined"

    c = 2012;

    alert(arguments[2]);       // result: "undefined"

}

f(1, 2);

3、永遠不要修改arguments對象

函數中聲明的參數和arguments之間的聯系很脆弱，每個聲明的參數實際上只是對arguments對象中對應位置的一個引用。

值得注意的是，在ES5的strict mode中，函數聲明的參數并不會引用arguments：

function strict(x) {

    "use strict";

    arguments[0] = "modified";

    return x === arguments[0];

}

function nonstrict(x) {

    arguments[0] = "modified";

    return x === arguments[0];

}

strict("unmodified"); // false

nonstrict("unmodified"); // true

正因為在strict和非strict模式下，函數聲明的參數和arguments的關系不一致，所以為了避免出現問題，不去修改arguments對象才是最安全的做法。

如果確實需要修改arguments對象，那么可以首先賦值一份arguments對象：

var args = [].slice.call(arguments);

當slice方法不接受任何參數的時候，就會執行復制操作，得到的args也是一個真正的數組對象。同時，args和函數聲明的參數之間也沒有任何聯系了，對它進行操作是安全的。

4、一個變量來保存arguments的引用

假設需要一個API用來遍歷若干元素，像下面這樣：

var it = values(1, 4, 1, 4, 2, 1, 3, 5, 6);

it.next(); // 1

it.next(); // 4

it.next(); // 1

相應的實現可以是：

function values() {

    var i = 0, n = arguments.length;

    return {

        hasNext: function() {

            return i < n;

        },

        next: function() {

            if (i >= n) {

                throw new Error("end of iteration");

            }

            return arguments[i++]; // wrong arguments

        }

    };

}

但是執行的實際情況卻是：

var it = values(1, 4, 1, 4, 2, 1, 3, 5, 6);

it.next(); // undefined

it.next(); // undefined

it.next(); // undefined

原因在于：對于arguments對象的賦值是隱式完成的。在next方法內部，使用了arguments，然而此arguments和values方法開始處的arguments并不是一個對象。這里的arguments對象是函數next()的。

解決方法也很簡單，就是將需要訪問的arguments使用另外一個變量進行引用。然后通過閉包的性質在其嵌套的函數中進行訪問就可以了，像下面這樣：

function values() {

    var i = 0, n = arguments.length, a = arguments;

    return {

        hasNext: function() {

            return i < n;

        },

        next: function() {

            if (i >= n) {

                throw new Error("end of iteration");

            }

            return a[i++];

        }

    };

}

var it = values(1, 4, 1, 4, 2, 1, 3, 5, 6);

it.next(); // 1

it.next(); // 4

it.next(); // 1

5、arguments對象的callee屬性：

arguments的callee屬性是用來引用當前正在執行的函數，這對未命名的函數調用自身非常有好處。

首先用命名函數表達式實現遞歸的函數：

//函數直接量 指定函數名 遞歸函數

var result = function fact(x){

    if(x<=1)

        return 1;

    else

        return x*fact(x-1);

};

那里面，我提到可以為函數直接量以函數名。這樣實現遞歸可以很方便的調用自己。

現在用arguments的這個callee同樣可以簡單的實現

//用函數直接量，采用arguments.callee屬性實現遞歸函數

var result = function(x){

    if(x<=1) return 1;

    return x*arguments.callee(x-1);

};

在最后提醒大家一點，既然這個arguments這么厲害，那么我們就不要為變量命名為arguments了，事實上arguments是javascript的保留字之一。嗯。

最后補充一點：

區別caller

返回一個對函數的引用，該函數調用了當前函數。

- functionName.caller

- functionName 對象是所執行函數的名稱。

對于函數來說，caller 屬性只有在函數執行時才有定義。如果函數是由頂層調用的，那么 caller 包含的就是 null 。如果在字符串上下文中使用 caller 屬性，那么結果和 functionName.toString 一樣，也就是說，顯示的是函數的反編譯文本。

代碼

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->// caller demo {

function callerDemo() {

    if (callerDemo.caller) {

        var a= callerDemo.caller.toString();

        alert(a);

    } else {

        alert("this is a top function");

    }

}

function handleCaller() {

    callerDemo();

}

handleCaller();//彈出handleCaller的定義

系列文章導航：

1、你不知道的JavaScript–Item1 嚴格模式

2、你不知道的JavaScript–Item2 浮點數精度

3、你不知道的JavaScript–Item3 隱式強制轉換

4、你不知道的JavaScript–Item4 基本類型和基本包裝類型（引用類型）

5、你不知道的JavaScript–Item5 全局變量

6、你不知道的JavaScript–Item6 var預解析與函數聲明提升（hoist ）

7、你不知道的JavaScript–Item7 函數和（命名）函數表達式

8、你不知道的JavaScript–Item8 函數，方法，構造函數調用

9、你不知道的JavaScript–Item9 call(),apply(),bind()與回調

10、你不知道的JavaScript–Item10 閉包（closure）

11、你不知道的JavaScript–Item11 arguments對象

12、你不知道的JavaScript–Item12 undefined 與 null

13、你不知道的JavaScript–Item13 理解 prototype, getPrototypeOf 和_ proto_

14、你不知道的JavaScript–Item14 使用prototype的幾點注意事項

15、你不知道的JavaScript–Item15 prototype原型和原型鏈詳解

16、你不知道的JavaScript–Item16 for 循環和for…in 循環的那點事兒

17、你不知道的JavaScript–Item17 循環與prototype最后的幾點小tips

18、你不知道的JavaScript–Item18 JScript的Bug與內存管理

19、你不知道的JavaScript–Item19 執行上下文（execution context）

20、你不知道的JavaScript–Item20 作用域與作用域鏈（scope chain）

21、你不知道的JavaScript–Item21 漂移的this

持續更新中……………….

總結

以上是生活随笔為你收集整理的你不知道的JavaScript--Item11 arguments对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：隔水式恒温培养箱使用方式与注意事项
下一篇： JavaScript新手经常遇到的问题（