這篇文章給大家分享的是有關JavaScript中arguments函數有什么用的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯公司是專業(yè)的新榮網站建設公司，新榮接單;提供成都網站建設、做網站,網頁設計,網站設計,建網站,PHP網站建設等專業(yè)做網站服務;采用PHP框架,可快速的進行新榮網站開發(fā)網頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網站,專業(yè)的做網站團隊,希望更多企業(yè)前來合作!

概述

JavaScript中的函數與其他面向對象語言有幾個不同的地方。

1. 沒有函數重載

2. 有一個表示實參列表的類數組對象 arguments

一、函數重載

簡單來說，JAVA 同一個類中允許幾個函數有同樣的函數名稱，但是參數聲明不一樣，這就是函數重載。

但是 JS 不支持函數重載：

function foo(num) {
    console.log(num + 100)
}
function foo(num) {
    console.log(num + 200)
}

foo(100);  // 300

如果 js 中定義了兩個相同名稱的函數，那么該名字只屬于后定義的那個函數。

二、arguments 類數組

函數 arguments 對象是所有（非箭頭）函數中都可用的局部變量, 是一個類似數組的對象。你可以使用arguments對象在函數中引用函數的（實際）參數。

function foo() {
    console.log(arguments);
}

foo(1, "foo", false, {name: "bar"}); // [1, "foo", false, object]

function foo() {
    console.log(typeof arguments);
}

foo(1, "foo", false, {name: "bar"}); // object

所以，arguments 是一個具有數組樣式的對象，有 length 屬性，和下標來索引元素。

三、arguments 的屬性

length

function foo(num1, num2, num3) {
    console.log(arguments)
}

foo(1);  // [1]

length 屬性表示傳入函數的實際參數數量，而不是函數聲明時的形參數量。

callee  
callee 表示函數本身，我們可以在函數中通過 callee 調用本身。

四、轉化為真數組

1. slice

arguments 對象不支持數組的其他方法，但是可以用 Function.call 來間接調用。

function sayHi() {
    console.log(Array.prototype.slice.call(arguments, 0))
}
sayHi("hello", "你好", "bonjour")  //["hello", "你好", "bonjour"]

1. splice

function sayHi() {
    console.log(Array.prototype.splice.call(arguments, 0));
}
sayHi("hello", "你好", "bonjour")  //["hello", "你好", "bonjour"]

1. Array.from

function sayHi() {
    console.log(Array.from(arguments));
}
sayHi("hello", "你好", "bonjour")  //["hello", "你好", "bonjour"]

1. 擴展運算符

function sayHi(...arguments) {
    console.log(arguments);
}
sayHi("hello", "你好", "bonjour")  //["hello", "你好", "bonjour"]

五、嚴格模式

嚴格模式和非嚴格模式中，arguments 的表現顯示不相同。

// 嚴格模式
function foo(a, b) {
    "use strict";
    console.log(a, arguments[0]);
    a = 10;
    console.log(a, arguments[0]);
    arguments[0] = 20;
    console.log(a, arguments[0]);
    b = 30;
    console.log(b, arguments[1])
}
foo(1);
輸出：
1 1
10 1
10 20
30 undefined

// 非嚴格模式
function foo(a, b) {
    console.log(a, arguments[0]);
    a = 10;
    console.log(a, arguments[0]);
    arguments[0] = 20;
    console.log(a, arguments[0]);
    b = 30;
    console.log(b, arguments[1]);
}
foo(1);
輸出：
1 1
10 10
20 20
30 undefined

在非嚴格模式中，傳入的參數，實參和 arguments 的值會共享，當沒有傳入時，實參與 arguments 值不會共享。

而在嚴格模式中，實參和 arguments 的值不會共享。

感謝各位的閱讀！關于“JavaScript中arguments函數有什么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

另外有需要云服務器可以了解下創(chuàng)新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

名稱欄目：JavaScript中arguments函數有什么用-創(chuàng)新互聯
網頁路徑：http://weahome.cn/article/ccoess.html