จะส่งค่า 'ไม่ได้กำหนด' ไปยังฟังก์ชันที่มีหลายพารามิเตอร์ได้อย่างไร

myFunction(undefined,"abc"); วิธีนี้น่าจะได้ผล มีปัญหาอะไร?

ดูที่นี่

นี่คือเอกสารที่ไม่ได้กำหนดจาก mozilla สนับสนุนโดย เบราว์เซอร์ทั้งหมด

void โอเปอเรเตอร์น่าจะเป็นตัวดำเนินการที่พบบ่อยที่สุด วิธีรับ undefined อย่างชัดเจน

คุณจะใช้มันแบบนี้ในตัวอย่างของคุณ:

myFunction(void 0, "abc");

นอกจากนี้ยังเป็นวิธีที่เชื่อถือได้ในการเปรียบเทียบกับ undefined ที่ได้รับการปกป้องจาก undefined ที่ถูกแทนที่โดยไม่ตั้งใจในสภาพแวดล้อม JavaScript แบบเก่า:

var x;
if (x === void 0) {
    // this will execute
}

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

ฉันเพิ่งมีความคิดและดูเหมือนว่าจะได้ผล:

var undf;

myFunction(undf, "abc");

ฉันแน่ใจว่ามีวิธีที่ดีกว่า แต่ฉันโพสต์สิ่งนี้

คุณต้องจัดการการเรียกใช้ฟังก์ชันด้วยตัวแปรที่ไม่ได้กำหนดในโค้ดฟังก์ชันด้วยวิธีใดวิธีหนึ่งต่อไปนี้:-

 function myFunction (parm1, parm2) {

         if (parm1 !== undefined) {
             // execute code if 1st param is undefined
        }

         if (parm2 !== undefined) {
             // execute code if 2 param is undefined
        }

        // execute other part of code

    }

ตอนนี้คุณสามารถเรียกใช้ฟังก์ชันข้างต้นได้ด้วยวิธีต่อไปนี้:-

myFunction(undefined,"abc"); // with 1st param value not known

myFunction("cde",undefined); // with 2nd param value not known

myFunction("cde","abc");  // with both param value known

ฉันคิดว่าสิ่งที่ใกล้เคียงที่สุดที่คุณจะได้รับคือส่ง null เป็นพารามิเตอร์ ไม่ใช่ undefined แต่โดยส่วนใหญ่แล้วถือว่าใกล้เคียงพอ

ลองใช้วิธีนี้หากคุณวางแผนที่จะเพิ่มพารามิเตอร์จำนวนไม่จำกัด:

function myFunc(params) {
    // Define default values
    var name = 'John';
    var age = '40';
    // You can loop through them
    for (var p in params) {
        alert(p + ':' + params[p]);
    }
    // And read them in like this
    if (typeof params.name != 'undefined') {
        name = params.name;
    }
    if (typeof params.age != 'undefined') {
        age = params.age;
    }
    alert(name + ' ' + age);
}

alert('test1');
myFunc({name:'Bob', age:'30'});
alert('test2');
myFunc({name:'Bob'});

หากเป็นไปได้ คุณช่วยจัดเรียงฟังก์ชันใหม่เป็น myFunction (parm2, parm1) ได้ไหม

เช่น. พยายามตรวจสอบให้แน่ใจว่าพารามิเตอร์ที่ไม่ได้กำหนดที่เป็นไปได้นั้นอยู่ในฟังก์ชันสุดท้าย ซึ่งอาจไม่ทำงานหากมีการแนะนำพารามิเตอร์เพิ่มเติม

คุณสามารถใช้ apply และอาร์เรย์ได้ ของพารามิเตอร์ที่จะส่ง "unknown" เป็นหนึ่งในพารามิเตอร์ ตัวอย่างเช่น คุณต้องการส่ง parm1 เป็น "unknown":

function myFunction (parm1, parm2) {

    if(typeof (parm1) === "undefined"){
        alert("parm1 is undefined")
    }

    if(typeof (parm2) === "undefined"){
        alert("parm2 is undefined")
    }

}

var myParameters = [undefined, "abc"];

myFunction.apply(valueForThis, myParameters );

myFunction(undefined,"abc") ควรได้ผลอย่างแน่นอน เว้นแต่ว่ามีคนที่โหดร้ายได้ นิยามใหม่ undefined! หากคุณต้องการความปลอดภัย มีหลายวิธีในการรับค่าที่ไม่ได้กำหนด ซึ่งหลีกเลี่ยงการสันนิษฐานว่าสิ่งที่เรียกว่า "ไม่ได้กำหนด" จริงๆ แล้วมีค่าที่ไม่ได้กำหนดพิเศษ:

void 0
var undef; undef
[][0]
{}.foo
// `undef` is guaranteed to have the undefined value within this closure
(function(undef){ undef }())
// this expression evaluates as undefined
(function(){}())

void 0 ถูกใช้อย่างแพร่หลายที่สุด (CoffeeScript ที่คอมไพล์จะรวมสิ่งนี้ไว้ทุกที่ที่ต้องการค่าที่ไม่ได้กำหนด)

วิธีง่ายๆ ในการทำเช่นนี้ เมื่อยอมรับได้คือผ่าน undefinition แต่ยังดีกว่าดังต่อไปนี้ตาม W3C

อาร์กิวเมนต์ที่ขาดหายไปของ Javascript

function myFunction(x, y) {
if (y === undefined) {
      y = 0;
    } 
}

เพียงเพื่อให้ตัวอย่างเกี่ยวกับสิ่งที่ @dbrin อธิบาย และ @alphapilgrim อาจต้องการตรวจสอบ

simpleFunction({params1:12, params2:"abc"}); //use expected arguments
simpleFunction({params2:"abc"}); //use only one
simpleFunction({params2:"abc", params1:12, iDoNotExist:"I will not be included"}); //use expected arguments in any order
simpleFunction(); //ignore arguments and uses defaults
simpleFunction(2123); //ignores non object arguments 

function simpleFunction(someParams){
  var myParams = {
    params1:null,
    params2:"cde" //default value for second parameter
  };
  simpleExtend(myParams, someParams);
  
  console.log(myParams);

}


//to include in your utilities
function simpleExtend(currentParams, newParams){
  
  if(typeof currentParams !== "undefined" && typeof newParams !== "undefined"){
    Object.keys(newParams).forEach(function(key){
   
      if(typeof currentParams[key] !== "undefined"){
        currentParams[key] = newParams[key];    
      }

    });
 
  
  }
  
 

}