javascript支援不定長參數嗎
javascript支援不定長參數。實現不定長參數的兩種方法:1、利用arguments對象,arguments對象的長度是由實參個數而不是形參個數決定的;對於arguments和值都存在的情況下,兩者值是同步的,但是針對其中一個無值的情況下,對於此無值的情形值不會得以同步。 2、rest參數,表示將多餘的參數接受並放到一個陣列裡,語法「…變數名稱」。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
javascript支援不定長參數。
JS不定長參數(可變參數)的實作一:arguments
##什麼是arguments?怎麼實現可變參數?
arguments 是一個對應於傳遞給函數的參數的類別陣列物件。 在ES5中可以使用arguments物件實現可變參數。 arguments物件的長度是由實參個數而不是形參個數決定的。形參是函數內部重新開啟記憶體空間儲存的變量,但是其與arguments物件記憶體空間並不重疊。對於arguments和值都存在的情況下,兩者值是同步的,但是針對其中一個無值的情況下,對於此無值的情形值不會得以同步。<script> function dynamicArgs() { var info = "今日签到的学生有:"; for (let i = 0; i < arguments.length ; i ++) { if (i > 0) { info += ","; } info += arguments[i]; } console.log(info); } dynamicArgs("张三", "李四"); dynamicArgs("张三", "李四", "王五", "马六"); dynamicArgs(["张三", "李四", "王五", "马六", "jack", "rose"]); </script>
- 參數不確定,那乾脆不寫了。
- 呼叫時可以寫N多個參數,也可以直接傳個陣列。
#總結:1、從函數定義可以看出,函數中如果使用可變參數arguments ,則不需要寫形參2、在呼叫函數時,可以直接向函數中傳遞多個實參arguments 對象是所有(非箭頭)函數中都可用的局部變數。你可以使用arguments 物件在函數中引用函數的參數。此物件包含傳遞給函數的每個參數,第一個參數在索引0處。例如,如果一個函數傳遞了三個參數,你可以如下引用他們:
arguments[0] arguments[1] arguments[2]
arguments[0] = 'value';
arguments 是一個對象,
不是一個
Array 。它類似於
Array ,但除了length屬性和索引元素之外沒有任何
Array 屬性。例如,它沒有 pop 方法。但是它可以被轉換為一個真正的
Array :
// 由于arguments不是 Array,所以无法使用 Array 的方法,所以通过这种方法转换为数组 var args = [].slice.call(arguments); // 方式一 var args = Array.prototype.slice.call(arguments); // 方式二 // 下面是 es6 提供的语法 let args = Array.from(arguments) // 方式一 let args = [...arguments]; // 方式二
arguments#上的屬性<span style="font-size: 16px;"></span>
- arguments.callee:指向目前執行的函數(在嚴格模式下,第5版ECMAScript (
- ES5 ) 禁止使用 a
rguments.callee()<strong></strong>)
argunments.length:指向傳遞給目前函數的參數數量#arguments. caller:已移除
arguments與剩餘參數、預設參數和解構賦值參數的結合使用##1)在嚴格模式下,剩餘參數、預設參數和解構賦值參數的存在不會改變
arguments物件的行為,但是在非嚴格模式下就有所不同了<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">function func(a) {
arguments[0] = 99; // 更新了arguments[0] 同样更新了a
console.log(a);
}
func(10); // 99
// 并且
function func(a) {
a = 99; // 更新了a 同样更新了arguments[0]
console.log(arguments[0]);
}
func(10); // 99</pre><div class="contentsignin">登入後複製</div></div>
2)當非嚴格模式中的函數
包含剩餘參數、預設參數和解構賦值,那麼arguments物件中的值會
追蹤參數的值(反之亦然) 。看下面的程式碼:function func(a = 55) {
arguments[0] = 99; // updating arguments[0] does not also update a
console.log(a);
}
func(10); // 10
//
function func(a = 55) {
a = 99; // updating a does not also update arguments[0]
console.log(arguments[0]);
}
func(10); // 10
function func(a = 55) {
console.log(arguments[0]);
}
func(); // undefined
在ES6標準中引入了rest 參數(形式為
…變數名稱),用於取得函數的多餘參數。 rest 參數搭配的變數是一個數組,該變數將多餘的參數放入數組中。非常適合處理變長參數的情況。 Rest就是為解決傳入的參數數量不一定,它表示將多餘的參數接受並放到一個數組裡; Rest參數 本身就是數組,數組的相關的方法都可以用。
function f(a, b, ...theArgs) {
// ...
}
- #theArgs以「…」開頭,它是一個數組,它的值來自於實際呼叫者傳入[0,theArgs.length) (索引的範圍:0到theArgs.length-1)
- ##注意
#:rest 參數之後不能再有其他參數(即只能是最後一個參數),否則會報錯。
function f(arg1, ...rest, arg2) { // arg2 after ...rest ?! // error }
區分rest參數與參數(arguments)物件
rest参数不会为每个变量给一个单独的名称,参数对象包含所有参数传递给函数
参数对象不是真正的数组,rest参数是真实的数组实例。例如数组sort、map、forEach、pop的方法都可以直接使用
参数对象有他自己额外的特性(例如callee 属性)
Rest参数的引入减少样式代码
//以前函数 function f(a, b) { var args = Array.prototype.slice.call(arguments, f.length); // … } // 等效于现在 function f(a, b, ...args) { }
Rest参数可以被解构(通俗一点,将rest参数的数据解析后一一对应)不要忘记参数用[] 括起来,因为它数组嘛
function f(...[a, b, c]) { return a + b + c; } f(1) //NaN 因为只传递一个值,其实需要三个值 f(1, 2, 3) // 6 f(1, 2, 3, 4) // 6 (第四值没有与之对应的变量名)
示例
1、计算参数和
function sumAll(...args) { // args 是数组的名称 let sum = 0; for (let arg of args) sum += arg; return sum; } console.log( sumAll(1) ); // 1 console.log( sumAll(1, 2) ); // 3 console.log( sumAll(1, 2, 3) ); // 6
2、每个参数乘以2
function multiply(multiplier, ...theArgs) { return theArgs.map(function(element) { return multiplier * element; }); } var arr = multiply(2, 1, 2, 3); console.log(arr); // [2, 4, 6]
3、排序
function sortRestArgs(...theArgs) { var sortedArgs = theArgs.sort(); return sortedArgs; } //好像一位和两位混合不能进行排序,这需要看一下为甚?主要第一个为主 console.log(sortRestArgs(5, 3, 7, 1)); // shows 1, 3, 5, 7
对比:参数对象arguments不能排序
function sortArguments() { //arguments是参数对象不能直接使用sort()方法,因为不是数组实例,需要转换 var sortedArgs = arguments.sort(); return sortedArgs; // this will never happen } // 会抛出类型异常,arguments.sort不是函数 console.log(sortArguments(5, 3, 7, 1));
【相关推荐:javascript学习教程 、编程视频】
以上是javascript支援不定長參數嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

如何使用WebSocket和JavaScript實現線上語音辨識系統引言:隨著科技的不斷發展,語音辨識技術已成為了人工智慧領域的重要組成部分。而基於WebSocket和JavaScript實現的線上語音辨識系統,具備了低延遲、即時性和跨平台的特點,成為了廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現線上語音辨識系

WebSocket與JavaScript:實現即時監控系統的關鍵技術引言:隨著互聯網技術的快速發展,即時監控系統在各個領域中得到了廣泛的應用。而實現即時監控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在即時監控系統中的應用,並給出程式碼範例,詳細解釋其實作原理。一、WebSocket技

如何利用JavaScript和WebSocket實現即時線上點餐系統介紹:隨著網路的普及和技術的進步,越來越多的餐廳開始提供線上點餐服務。為了實現即時線上點餐系統,我們可以利用JavaScript和WebSocket技術。 WebSocket是一種基於TCP協定的全雙工通訊協議,可實現客戶端與伺服器的即時雙向通訊。在即時線上點餐系統中,當使用者選擇菜餚並下訂單

如何使用WebSocket和JavaScript實現線上預約系統在當今數位化的時代,越來越多的業務和服務都需要提供線上預約功能。而實現一個高效、即時的線上預約系統是至關重要的。本文將介紹如何使用WebSocket和JavaScript來實作一個線上預約系統,並提供具體的程式碼範例。一、什麼是WebSocketWebSocket是一種在單一TCP連線上進行全雙工

JavaScript和WebSocket:打造高效的即時天氣預報系統引言:如今,天氣預報的準確性對於日常生活以及決策制定具有重要意義。隨著技術的發展,我們可以透過即時獲取天氣數據來提供更準確可靠的天氣預報。在本文中,我們將學習如何使用JavaScript和WebSocket技術,來建立一個高效的即時天氣預報系統。本文將透過具體的程式碼範例來展示實現的過程。 We

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

用法:在JavaScript中,insertBefore()方法用於在DOM樹中插入一個新的節點。這個方法需要兩個參數:要插入的新節點和參考節點(即新節點將要插入的位置的節點)。

JavaScript是一種廣泛應用於Web開發的程式語言,而WebSocket則是一種用於即時通訊的網路協定。結合二者的強大功能,我們可以打造一個高效率的即時影像處理系統。本文將介紹如何利用JavaScript和WebSocket來實作這個系統,並提供具體的程式碼範例。首先,我們需要明確指出即時影像處理系統的需求和目標。假設我們有一個攝影機設備,可以擷取即時的影像數
