国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

輕松學習JavaScript函數中的 Rest 參數

2024-05-06 16:51:40
字體:
來源:轉載
供稿:網友

JavaScript函數可以使用任意數量的參數。與其他語言(如C#和Java)不同,你可以在調用JavaScript函數時傳遞任意數量的參數。JavaScript函數允許未知數量的函數參數。在ECMAScript 6之前,JavaScript有一個變量來訪問這些未知或可變數目的參數,這是一個類似數組的對象,并非一個數組。細想以下代碼來理解arguments變量:

function add(){var result = 0; for(let i=0;i<arguments.length;i++){result = result + arguments[i];}return result; }var r = add(6,9,3,2);console.log(r);var t = add(7,56,9);console.log(t);

如你所見,arguments對象用于訪問未知或可變的函數參數。即使arguments使用length屬性和方括號,它也不是一個真正的JavaScript數組。你不能對arguments對象使用其他JavaScript數組方法,如pop,push,slice等。在使用arguments時存在的一些問題是:

JavaScript函數arguments對象不是一個真正的JavaScript數組;因此,你不能使用其他數組方法,如pop,push,slice等。
在內部函數中訪問外部函數的arguments對象是很困難的。要訪問的話,你需要在變量中分配外部函數的arguments函數,然后在內部函數中使用它。

如果你想要使用arguments對象作為數組,那么你需要通過Aarry.prototype.slice手動轉換。
ECMAScript 6引入了一個新功能,Rest參數,它表示一個未知數量的參數作為函數中的一個數組。它不僅將額外的參數表示為數組,還解決了arguments對象的許多問題。使用rest參數重寫上面的add函數。

function add(...theArgs){var result = 0; for(let i=0;i<theArgs.length;i++){result = result + theArgs[i];}return result; }var r = add(6,9,3,2);console.log(r);var t = add(7,56,9);console.log(t);

你可以將rest參數定義為…theArgs或… args。如果最后命名的函數參數以…(三個點)作為前綴,那么它將成為函數的rest參數。JavaScript函數的rest參數是純JavaScript數組。在上面的代碼中,…theArgs是函數add的rest參數,因為它是唯一的命名參數,且也以…(三個點)作為前綴。

由于rest參數是JavaScript數組,所以你可以對rest參數theArgs執行諸如push,pop等操作,如下面的代碼所示:

function add(...theArgs){theArgs.push(10);var result = 0; for(let i=0;i<theArgs.length;i++){result = result + theArgs[i];}var lastItem = theArgs.pop();console.log(lastItem);return result; }

JavaScript函數的rest參數也可以與其他參數一起工作。如果你不想在rest參數數組中包含特定參數的話,那么你可能需要在函數中使用其他命名參數。細想以下代碼塊:

function add(num1, num2, ...theArgs){console.log(num1);console.log(num2);console.log(theArgs.length);}var r = add(6,9,3,2);var t = add(7,56,9);

對于第一次函數調用,6和9將分別分配給num1和num2。對于第二個函數調用,7和56將被分配給num1和num2。啟動第三個參數的參數將被分配給rest參數數組。請記住,前兩個參數不會成為rest參數數組的一部分。所以,如果你打算將所有的值都包含在rest參數中,那么你應該一開始就將它們定義為用逗號分隔的命名參數。下面給出的代碼將會導致錯誤:

function add(num1, ...theArgs,num2){console.log(num1);console.log(num2);console.log(theArgs.length);}

在上面的代碼中,rest參數不是最后一個參數,所以JavaScript會拋出錯誤。rest參數必須是最后一個正式參數。

JavaScript,函數,Rest,參數

JavaScript允許你破壞rest參數,這意味著你可以將rest變量數據解包為不同的變量名稱。請看下面的代碼:

function add(...[a,b,c]){return a+b+c; }var r = add(6);console.log(r);var t = add(7,56,9);console.log(t);

第一次函數調用,將分配a = 6,b = undefined,c = undefined,第二次函數調用,將分配a = 7,b = 56,c = 9。在此例子中,函數將忽略傳遞的任何額外的參數。

JavaScript函數的rest參數是對arguments對象使用函數未知參數的一個巨大改進。它是一個純JavaScript數組;因此,你可以對它使用所有數組方法。你可以將rest變量數據解包到命名變量中。你可以給rest參數指定任何名稱,這又是一個使用arguments關鍵字的重大改進。

英文原文:Easy JavaScript Part 2: What Is the Rest Parameter in a Function?

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 东平县| 晋州市| 红河县| 监利县| 武功县| 织金县| 鹿邑县| 华阴市| 彩票| 阿合奇县| 新丰县| 巫溪县| 湛江市| 江津市| 泸定县| 南充市| 渝中区| 遂平县| 炎陵县| 罗源县| 乳源| 荆州市| 昭苏县| 光泽县| 山西省| 新龙县| 余姚市| 长兴县| 仲巴县| 依安县| 肇庆市| 安西县| 洮南市| 商丘市| 天峨县| 贞丰县| 江西省| 南澳县| 达拉特旗| 林口县| 永昌县|