การส่งต่ออาร์กิวเมนต์ไปยังฟังก์ชัน javascript อื่น

ฉันได้ลองทำสิ่งต่อไปนี้โดยไม่ประสบความสำเร็จ:

function a(args){
    b(arguments);
}

function b(args){
    // arguments are lost?
}

a(1,2,3);

ในฟังก์ชั่น a, ฉันสามารถใช้อากิวเมนต์อาร์กิวเมนท์เพื่อเข้าถึงอาเรย์ของอาร์กิวเมนท์, ในฟังก์ชัน b สิ่งเหล่านี้จะหายไป มีวิธีการส่งผ่านข้อโต้แย้งไปยังฟังก์ชั่นจาวาสคริปต์อื่นอย่างที่ฉันพยายามทำหรือไม่?

ใช้.apply()เพื่อให้มีการเข้าถึงแบบเดียวกันargumentsในฟังก์ชั่นbเช่นนี้:

function a(){
    b.apply(null, arguments);
}
function b(){
   alert(arguments); //arguments[0] = 1, etc
}
a(1,2,3);​

คุณสามารถทดสอบได้ที่นี่

ผู้ประกอบการแพร่กระจาย

ตัวดำเนินการการแพร่กระจายช่วยให้การแสดงออกที่จะขยายในสถานที่ที่มีข้อโต้แย้งหลาย ๆ (สำหรับการเรียกใช้ฟังก์ชั่น) หรือหลายองค์ประกอบ (สำหรับตัวอักษรอาร์เรย์) คาดว่า

ECMAScript ES6 เพิ่มผู้ประกอบการใหม่ที่ช่วยให้คุณทำเช่นนี้ในทางปฏิบัติมากขึ้น: ...กระจายผู้ประกอบการ

ตัวอย่างโดยไม่ต้องใช้applyวิธีการ:

function a(...args){
  b(...args);
  b(6, ...args, 8) // You can even add more elements
}
function b(){
  console.log(arguments)
}

a(1, 2, 3)

Note ตัวอย่างนี้ส่งคืนข้อผิดพลาดทางไวยากรณ์หากเบราว์เซอร์ของคุณยังคงใช้ ES5

^{หมายเหตุจากบรรณาธิการ: เนื่องจากข้อมูลโค้ดใช้console.log()คุณต้องเปิดคอนโซล JS ของเบราว์เซอร์เพื่อดูผลลัพธ์ - จะไม่มีผลลัพธ์ในหน้าเว็บ}

มันจะแสดงผลลัพธ์นี้:

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

คำอธิบายที่ว่าไม่มีคำตอบที่อุปกรณ์อื่น ๆ ที่มีปากเสียงเดิมที่มียังคงมีอยู่ แต่ไม่ได้อยู่ในตำแหน่งเดิมในargumentsวัตถุ

argumentsวัตถุมีองค์ประกอบสำหรับแต่ละพารามิเตอร์จริงอย่างใดอย่างหนึ่งให้กับฟังก์ชั่น เมื่อคุณเรียกaคุณจัดหาอาร์กิวเมนต์ที่สาม: ตัวเลข1, และ2 3ดังนั้นมีarguments[1, 2, 3]

function a(args){
    console.log(arguments) // [1, 2, 3]
    b(arguments);
}

เมื่อคุณเรียกbแต่คุณจะผ่านตรงหนึ่งอาร์กิวเมนต์: a's argumentsวัตถุ ดังนั้นargumentsมี[[1, 2, 3]](เช่นองค์ประกอบหนึ่งซึ่งเป็นaของargumentsวัตถุซึ่งมีคุณสมบัติที่มีข้อโต้แย้งเดิมa)

function b(args){
    // arguments are lost?
    console.log(arguments) // [[1, 2, 3]]
}

a(1,2,3);

ตามที่ @Nick สาธิตคุณสามารถใช้applyเพื่อจัดเตรียมชุดargumentsวัตถุในการโทร

ผลลัพธ์ต่อไปนี้ได้ผลลัพธ์เดียวกัน:

function a(args){
    b(arguments[0], arguments[1], arguments[2]); // three arguments
}

แต่applyเป็นทางออกที่ถูกต้องในกรณีทั่วไป

ลองนี้

function global_func(...args){
  for(let i of args){
    console.log(i)
  }
}


global_func('task_name', 'action', [{x: 'x'},{x: 'x'}], {x: 'x'}, ['x1','x2'], 1, null, undefined, false, true)




//task_name
//action
//(2) [{...},
//    {...}]
//    {
//        x:"x"
//    }
//(2) [
//        "x1",
//        "x2"
//    ]
//1
//null
//undefined
//false
//true
//func