เป็นไปได้หรือไม่ที่จะรับอาร์กิวเมนต์ทั้งหมดของฟังก์ชันเป็นวัตถุเดียวภายในฟังก์ชันนั้น?


คำตอบ:


346

argumentsใช้ คุณสามารถเข้าถึงได้เหมือนอาร์เรย์ ใช้arguments.lengthสำหรับจำนวนอาร์กิวเมนต์


46
ใช้งานได้กับ JavaScript แบบดั้งเดิมfunctionเท่านั้นไม่ใช่=>ฟังก์ชันลูกศรอ้วน ES2015 + สำหรับผู้ที่คุณจะต้องการที่จะใช้ในความหมายฟังก์ชั่นเพื่อต้องการ:...args (...args) => console.log(args)
Sawtaytoes

141

ข้อโต้แย้งเป็นวัตถุอาร์เรย์เหมือน (ไม่อาร์เรย์จริง) ฟังก์ชั่นตัวอย่าง ...

function testArguments () // <-- notice no arguments specified
{
    console.log(arguments); // outputs the arguments to the console
    var htmlOutput = "";
    for (var i=0; i < arguments.length; i++) {
        htmlOutput += '<li>' + arguments[i] + '</li>';
    }
    document.write('<ul>' + htmlOutput + '</ul>');
}

ลองดู ...

testArguments("This", "is", "a", "test");  // outputs ["This","is","a","test"]
testArguments(1,2,3,4,5,6,7,8,9);          // outputs [1,2,3,4,5,6,7,8,9]

รายละเอียดทั้งหมด: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments


3
ทำไมไม่โพสต์ผลลัพธ์ที่นี่ด้วย :)
Jonathan Azulay

2
นี่เป็นคำตอบที่ดีกว่าคำตอบที่ได้รับเนื่องจากมันมีข้อมูลโค้ดที่ใช้งานได้และแสดงผลลัพธ์ คำตอบที่ยอมรับนั้นเบาบางเกินไป
Mac

คำตอบที่ดี ... จะเป็นคำตอบที่ดีในการขยาย "ไม่ใช่อาร์เรย์ที่แท้จริง"
terpinmd

ฉันเพิ่มลิงก์ไปยังคำอธิบายง่ายๆ: "วัตถุคล้ายอาร์เรย์" เป็นเพียง "วัตถุที่มีคุณสมบัติความยาวของจำนวนเต็มไม่เป็นลบและมักจะมีคุณสมบัติดัชนีบางอย่าง" จากลิงก์โมซิลล่า: "มันคล้ายกับ Array แต่ไม่มีคุณสมบัติ Array ใด ๆ ยกเว้นความยาว"
ลุค

31

ES6 อนุญาตการสร้างที่อาร์กิวเมนต์ของฟังก์ชันถูกระบุด้วยเครื่องหมาย "... " เช่น

function testArgs (...args) {
 // Where you can test picking the first element
 console.log(args[0]); 
}

3
นี่น่าจะเป็นวิธีเดียวที่ใช้ฟังก์ชั่นลูกศร a = () => {console.log(arguments);}; a('foo');ให้-- Uncaught ReferenceError: arguments is not defined อย่างไรก็ตามa = (...args) => {console.log(args);}; a('foo');ให้["foo"]
David Baucum

1
@DavidBaucum ที่ถูกต้อง เนื่องจากฟังก์ชั่นลูกศรไม่ได้สร้างขอบเขตใหม่และรวบรวม "อาร์กิวเมนต์" จากขอบเขต แต่สถานการณ์กรณีที่เลวร้ายที่สุดไม่ใช่ ReferenceError มันคือ "อาร์กิวเมนต์" ถูกรวบรวมจากขอบเขตด้านนอก จากนั้นคุณจะไม่ได้รับการยกเว้นและอาจมีข้อผิดพลาดแปลก ๆ ในแอปพลิเคชันของคุณ
pgsandstrom

1
นี้จะเรียกว่า "พารามิเตอร์ส่วนที่เหลือ" ดูdeveloper.mozilla.org/en-US/docs/Web/JavaScript/Reference/...
Dennis

21

argumentsวัตถุที่เป็นข้อโต้แย้งที่ฟังก์ชั่นจะถูกเก็บไว้

วัตถุอากิวเมนต์ทำหน้าที่และดูเหมือนเป็นอาเรย์โดยพื้นฐานแล้วมันไม่มีวิธีการที่อาเรย์ทำเช่น:

Array.forEach(callback[, thisArg]);

Array.map(callback[, thisArg])

Array.filter(callback[, thisArg]);

Array.slice(begin[, end])

Array.indexOf(searchElement[, fromIndex])

ฉันคิดว่าวิธีที่ดีที่สุดในการแปลงargumentsวัตถุเป็นArray ที่แท้จริงนั้นเป็นเช่นนั้น:

argumentsArray = [].slice.apply(arguments);

ที่จะทำให้มันเป็นอาร์เรย์

นำมาใช้ใหม่:

function ArgumentsToArray(args) {
    return [].slice.apply(args);
}

(function() {
   args = ArgumentsToArray(arguments);

   args.forEach(function(value) {
      console.log('value ===', value);
   });

})('name', 1, {}, 'two', 3)

ผลลัพธ์:

> value === name
> value === 1
> value === Object {}
> value === two
>value === 3


1
[].slice.apply(arguments);ไม่สามารถเป็นวิธีที่ดีที่สุดเนื่องจากทำให้การจัดสรรอาร์เรย์ว่างที่ไม่จำเป็น
Thomas Eding

10

คุณสามารถแปลงเป็นอาร์เรย์ได้หากต้องการ หากมีอาเรย์ทั่วไปอยู่:

var args = Array.slice(arguments)

มิฉะนั้น:

var args = Array.prototype.slice.call(arguments);

จากMozilla MDN :

คุณไม่ควรใช้การขัดแย้งเพราะเป็นการป้องกันการปรับให้เหมาะสมในเอนจิ้น JavaScript (เช่น V8)


2
ขอบคุณสำหรับการอัพเดท. ใช้ JSON.stringify และ JSON.parse เป็นทางเลือก: function foo() { foo.bar = JSON.stringify(arguments); foo.baz = JSON.parse(foo.bar); } ถ้าเก็บรักษาเป็นสิ่งจำเป็นแทน stringification ใช้อัลกอริทึมโคลนภายในโครงสร้าง ถ้าโหนด DOM จะถูกส่งผ่านให้ใช้ XMLSerializer เป็นในคำถามที่ไม่เกี่ยวข้องกัน with (new XMLSerializer()) {serializeToString(document.documentElement) }
Paul Sweatte

7

ดังที่หลายคนชี้ให้เห็นargumentsมีข้อโต้แย้งทั้งหมดที่ส่งผ่านไปยังฟังก์ชั่น

หากคุณต้องการเรียกใช้ฟังก์ชันอื่นด้วย args เดียวกันให้ใช้ apply

ตัวอย่าง:

var is_debug = true;
var debug = function() {
  if (is_debug) {
    console.log.apply(console, arguments);
  }
}

debug("message", "another argument")

4

คำตอบที่คล้ายกันกับ Gunnar พร้อมตัวอย่างที่สมบูรณ์มากขึ้น: คุณสามารถคืนสิ่งทั้งหมด:

function dumpArguments(...args) {
  for (var i = 0; i < args.length; i++)
    console.log(args[i]);
  return args;
}

dumpArguments("foo", "bar", true, 42, ["yes", "no"], { 'banana': true });

เอาท์พุท:

foo
bar
true
42
["yes","no"]
{"banana":true}

https://codepen.io/fnocke/pen/mmoxOr?editors=0010


3

ใช่ถ้าคุณไม่ทราบว่ามีกี่อาร์กิวเมนต์ที่เป็นไปได้ในเวลาที่ประกาศฟังก์ชันคุณสามารถประกาศฟังก์ชันโดยไม่มีพารามิเตอร์และสามารถเข้าถึงตัวแปรทั้งหมดได้โดยใช้อากิวเมนต์อาเรย์ซึ่งถูกส่งผ่านเมื่อมีการเรียกใช้ฟังก์ชัน



-11

ใน ES6 ให้ใช้Array.from:

function foo()
  {
  foo.bar = Array.from(arguments);
  foo.baz = foo.bar.join();
  }

foo(1,2,3,4,5,6,7);
foo.bar // Array [1, 2, 3, 4, 5, 6, 7]
foo.baz // "1,2,3,4,5,6,7"

สำหรับโค้ดที่ไม่ใช่ ES6 ให้ใช้ JSON.stringify และ JSON.parse:

function foo()
  {
  foo.bar = JSON.stringify(arguments); 
  foo.baz = JSON.parse(foo.bar); 
  }

/* Atomic Data */
foo(1,2,3,4,5,6,7);
foo.bar // "{"0":1,"1":2,"2":3,"3":4,"4":5,"5":6,"6":7}"
foo.baz // [object Object]

/* Structured Data */
foo({1:2},[3,4],/5,6/,Date())
foo.bar //"{"0":{"1":2},"1":[3,4],"2":{},"3":"Tue Dec 17 2013 16:25:44 GMT-0800 (Pacific Standard Time)"}"
foo.baz // [object Object]

หากเก็บรักษาเป็นสิ่งจำเป็นแทน stringification ใช้อัลกอริทึมโคลนโครงสร้างภายใน

ถ้าโหนด DOM จะถูกส่งผ่านให้ใช้ XMLSerializer เป็นในคำถามที่ไม่เกี่ยวข้องกัน

with (new XMLSerializer()) {serializeToString(document.documentElement) }

หากใช้เป็น bookmarklet คุณอาจต้องล้อมอาร์กิวเมนต์ข้อมูลที่มีโครงสร้างแต่ละตัวในตัวสร้างข้อผิดพลาดเพื่อJSON.stringifyให้ทำงานได้อย่างถูกต้อง

อ้างอิง


3
ครั้งแรก: สิ่งนี้จะโคลนสิ่งที่วัตถุจะถูกส่งผ่านมาที่สอง: ไม่ใช่ทุกสิ่งที่สามารถทำให้เป็น JSON ได้ คือฟังก์ชั่นวัตถุ DOM กล่าวว่าวันที่ stringify เป็นสตริง ...
จอห์น Dvorak

@JanDvorak คุณสามารถแก้ไขคำตอบของฉันด้วยฟังก์ชั่นที่จัดการวัตถุ DOM, ฟังก์ชั่นและวันที่ได้หรือไม่?
Paul Sweatte

1
+1 พยายามส่งอาร์กิวเมนต์สำหรับการรายงานข้อผิดพลาดเป็นสตริงวัตถุจะจบลงด้วยสตริง '[object Arguments]' และการบันทึกที่คอนโซลจะไม่แสดงค่า ในขณะที่มันดูเหมือนจะไม่ตอบ OP มันจะตอบคำถามของฉันขอบคุณ!
John
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.