Javascript Fragen zur Funktion - IIFE

Question

Ich wurde gebeten, eine andere Frage zu stellen und sie mit diesem Thread zu verknüpfen. How add mandatory dropdown field in Touch UI

Meine Frage ist was: kann mir jemand sagen, was ist die Endlinie der Javascript-Funktion tut.

})(document, Granite.$, Granite.author); 

ist es eine Art Namespacing.

Für Ihre Referenz füge ich den Javascript-Code an.

(function (document, $, ns) { 
    "use strict"; 

    $(document).on("click", ".cq-dialog-submit", function (e) { 
     e.stopPropagation(); 
     e.preventDefault(); 

     var $form = $(this).closest("form.foundation-form"), 
      title = $form.find("[name='authoringMode']").val(), 
      message, clazz = "coral-Button "; 

     if(!title){ 
      ns.ui.helpers.prompt({ 
      title: Granite.I18n.get("Invalid Input"), 
      message: "Please Check Values", 
       actions: [{ 
        id: "CANCEL", 
        text: "CANCEL", 
        className: "coral-Button" 
       } 
      ], 
      callback: function (actionId) { 
       if (actionId === "CANCEL") { 
       } 
      } 
     }); 
     }else{ 
       $form.submit(); 
     } 
    }); 
})(document, Granite.$, Granite.author); 

Answer 1

lernen Dies ist, was wir sonst eine Selbst Aufruf rufen Funktion:

(function (document, $, ns) { ... 
})(document, Granite.$, Granite.author); 

und jene ("Dokument, Granit ... etc) sind Argumente zu eben dieser Funktion übergeben werden.

Answer 2

Die letzte Zeile übergibt Argumente an den IIFE (sofort aufgerufenen Funktionsausdruck). Sie können mehr here

Answer 3

})(document, Granite.$, Granite.author); 

gibt Parameter, funktionieren als documentdocument, Granite.$ als $ und Granite.author als ns innerhalb der Funktion zu definieren expressio n bei

(function (document, $, ns) { 

---

z.B.

var obj = { 
 
    $:jQuery, 
 
    author:"abc" 
 
}; 
 

 
(function(document, $, ns) { 
 
    "use strict"; 
 
    
 
    console.log($, ns) 
 
    
 
}(document, obj.$, obj.author))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script>