ใน PHP มีfunc_num_args
และfunc_get_args
มีสิ่งที่คล้ายกันสำหรับ JavaScript?
ใน PHP มีfunc_num_args
และfunc_get_args
มีสิ่งที่คล้ายกันสำหรับ JavaScript?
คำตอบ:
arguments
ใช้ คุณสามารถเข้าถึงได้เหมือนอาร์เรย์ ใช้arguments.length
สำหรับจำนวนอาร์กิวเมนต์
ข้อโต้แย้งเป็นวัตถุอาร์เรย์เหมือน (ไม่อาร์เรย์จริง) ฟังก์ชั่นตัวอย่าง ...
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
ES6 อนุญาตการสร้างที่อาร์กิวเมนต์ของฟังก์ชันถูกระบุด้วยเครื่องหมาย "... " เช่น
function testArgs (...args) {
// Where you can test picking the first element
console.log(args[0]);
}
a = () => {console.log(arguments);}; a('foo');
ให้-- Uncaught ReferenceError: arguments is not defined
อย่างไรก็ตามa = (...args) => {console.log(args);}; a('foo');
ให้["foo"]
arguments
วัตถุที่เป็นข้อโต้แย้งที่ฟังก์ชั่นจะถูกเก็บไว้
วัตถุอากิวเมนต์ทำหน้าที่และดูเหมือนเป็นอาเรย์โดยพื้นฐานแล้วมันไม่มีวิธีการที่อาเรย์ทำเช่น:
Array.forEach(callback[, thisArg]);
Array.map(callback[, thisArg])
Array.filter(callback[, thisArg]);
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
[].slice.apply(arguments);
ไม่สามารถเป็นวิธีที่ดีที่สุดเนื่องจากทำให้การจัดสรรอาร์เรย์ว่างที่ไม่จำเป็น
คุณสามารถแปลงเป็นอาร์เรย์ได้หากต้องการ หากมีอาเรย์ทั่วไปอยู่:
var args = Array.slice(arguments)
มิฉะนั้น:
var args = Array.prototype.slice.call(arguments);
จากMozilla MDN :
คุณไม่ควรใช้การขัดแย้งเพราะเป็นการป้องกันการปรับให้เหมาะสมในเอนจิ้น JavaScript (เช่น V8)
function foo() { foo.bar = JSON.stringify(arguments); foo.baz = JSON.parse(foo.bar); }
ถ้าเก็บรักษาเป็นสิ่งจำเป็นแทน stringification ใช้อัลกอริทึมโคลนภายในโครงสร้าง ถ้าโหนด DOM จะถูกส่งผ่านให้ใช้ XMLSerializer เป็นในคำถามที่ไม่เกี่ยวข้องกัน with (new XMLSerializer()) {serializeToString(document.documentElement) }
ดังที่หลายคนชี้ให้เห็นarguments
มีข้อโต้แย้งทั้งหมดที่ส่งผ่านไปยังฟังก์ชั่น
หากคุณต้องการเรียกใช้ฟังก์ชันอื่นด้วย args เดียวกันให้ใช้ apply
ตัวอย่าง:
var is_debug = true;
var debug = function() {
if (is_debug) {
console.log.apply(console, arguments);
}
}
debug("message", "another argument")
คำตอบที่คล้ายกันกับ 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}
ใช่ถ้าคุณไม่ทราบว่ามีกี่อาร์กิวเมนต์ที่เป็นไปได้ในเวลาที่ประกาศฟังก์ชันคุณสามารถประกาศฟังก์ชันโดยไม่มีพารามิเตอร์และสามารถเข้าถึงตัวแปรทั้งหมดได้โดยใช้อากิวเมนต์อาเรย์ซึ่งถูกส่งผ่านเมื่อมีการเรียกใช้ฟังก์ชัน
ใน ES6 คุณสามารถทำสิ่งนี้:
function foo(...args)
{
let [a,b,...c] = args;
console.log(a,b,c);
}
foo(1, null,"x",true, undefined);
ใน 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
ให้ทำงานได้อย่างถูกต้อง
อ้างอิง
function
เท่านั้นไม่ใช่=>
ฟังก์ชันลูกศรอ้วน ES2015 + สำหรับผู้ที่คุณจะต้องการที่จะใช้ในความหมายฟังก์ชั่นเพื่อต้องการ:...args
(...args) => console.log(args)