{"id":881582,"date":"2023-10-22T06:25:40","date_gmt":"2023-10-22T11:25:40","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/javascript-jargon-10-begriffe-die-sie-kennen-sollten\/"},"modified":"2023-10-22T06:25:40","modified_gmt":"2023-10-22T11:25:40","slug":"javascript-jargon-10-begriffe-die-sie-kennen-sollten","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/javascript-jargon-10-begriffe-die-sie-kennen-sollten\/","title":{"rendered":"JavaScript-Jargon: 10 Begriffe, die Sie kennen sollten"},"content":{"rendered":"<p>Von bis gibt es eine Menge JavaScript-Slang (spezielle W\u00f6rter, die in diesem Fachgebiet verwendet werden), die Ihnen nicht nur dabei helfen, Ihren Wortschatz zu erweitern, sondern auch, JavaScript besser zu verstehen.<\/p>\n<p><strong>Fachjargons kommen meist in Dokumentationen und Fachartikeln vor.<\/strong>.  Aber einige davon sind ziemlich normale Dinge, die Sie wissen sollten.  Wenn Sie wissen, was das Wort selbst bedeutet, k\u00f6nnen Sie das Konzept, das ihm seinen Namen gibt, besser verstehen.<\/p>\n<p>Dieser Beitrag ist die Zusammenstellung von 10 dieser Begriffe mit <strong>es bedeutet <\/strong>Und<strong> den Kontext, in dem sie verwendet werden<\/strong> in JavaScript.  Wenn Sie ein Anf\u00e4nger sind, deckt diese Liste die Grundlagen ab.  Gleichzeitig werden auch weniger bekannte oder weniger verstandene Begriffe einbezogen.<\/p>\n<ol>\n<li><a href=\"#1_Arity\">Arit\u00e4t<\/a><\/li>\n<li><a href=\"#2_Anonymous\">Anonym<\/a><\/li>\n<li><a href=\"#3_Closure\">Schlie\u00dfen<\/a><\/li>\n<li><a href=\"#4_Currying\">Curry<\/a><\/li>\n<li><a href=\"#5_Hoisting\">Hissen<\/a><\/li>\n<li><a href=\"#6_Mutation\">Mutation<\/a><\/li>\n<li><a href=\"#7_Pragma\">Pragma<\/a><\/li>\n<li><a href=\"#8_Sentinel\">W\u00e4chter<\/a><\/li>\n<li><a href=\"#9_Vanilla\">Vanille<\/a><\/li>\n<li><a href=\"#10_Variadic\">abwechslungsreich<\/a><\/li>\n<\/ol>\n<h4 id=\"1_Arity\">1. Arit\u00e4t<\/h4>\n<p>    (aus dem Lateinischen) bezeichnet die Anzahl der Argumente bzw. Operanden in einer Funktion bzw. Operation.  Sie werden dieses Wort am wahrscheinlichsten im Bereich JavaScript finden, wenn es zur Erw\u00e4hnung von verwendet wird <strong>Anzahl der von einer JavaScript-Funktion erwarteten Argumente<\/strong>.<\/p>\n<p>Es gibt sogar eine Immobilie namens <a href=\"https:\/\/reference.codeproject.com\/javascript\/reference%2Fglobal_objects%2Ffunction%2Farity\" rel=\"nofollow noopener\" target=\"_blank\">Arit\u00e4t<\/a>, des Function-Objekts, das die Anzahl der in einer Funktion erwarteten Argumente zur\u00fcckgibt.  Allerdings ist es inzwischen veraltet und wurde durch den L\u00e4ngengrad ersetzt.<\/p>\n<p>Die folgende Funktion hat eine Arit\u00e4t von 3.<\/p>\n<pre name=\"code\" class=\"javascript\">function getName(first, middle, last){\r\n return first+' '+ middle +' '+last;\r\n }<\/pre>\n<h4 id=\"2_Anonymous\">2. Anonym<\/h4>\n<p>    Es ist ein Adjektiv.  Wenn etwas oder jemand als anonym bezeichnet wird, bedeutet dies, dass der Name dieser Sache oder Person nicht identifiziert wird.  Ebenso ist in JavaScript eine anonyme Funktion eine Funktion, die nicht durch einen Namen identifiziert wird.<\/p>\n<pre name=\"code\" class=\"javascript\">(function (){\r\n \/\/body\r\n })();\r\n<\/pre>\n<p>Oben ist ein IIFE (Immediately Invoked Function Expression) dargestellt.  Die darin enthaltene Funktion ist anonym, da sie keinen Namen hat.  Werfen Sie jetzt einen Blick auf das n\u00e4chste.<\/p>\n<pre name=\"code\" class=\"javascript\">var foo = function() {\r\n \r\n };<\/pre>\n<p>Man spricht auch von einer anonymen Funktion, da hinter dem Funktionsschl\u00fcsselwort kein Name steht.<\/p>\n<p>Es bestehen leichte Zweifel an der Richtigkeit der Verwendung des Wortes \u201eanonym\u201c.  Bei IIFE wird die Funktion sofort aufgerufen, ohne dass ein Name beteiligt ist, w\u00e4hrend der Aufruf der letzten Funktion die foo()-Syntax verwendet.<\/p>\n<p>Es ist, als h\u00e4tten wir eine unbenannte Funktion mit dem Namen \u201efoo\u201c benannt und sie so genannt.  Gilt das als anonym?  Ich wei\u00df es nicht, das \u00fcberlasse ich den englischen Experten.  Aber abgesehen von meiner Verwirrung werden beide als anonyme Funktionen bezeichnet.<\/p>\n<h4 id=\"3_Closure\">3. Schlie\u00dfung<\/h4>\n<p>Hier ist eine der Definitionen des Oxford Dictionary f\u00fcr: \u201e.\u201c<\/p>\n<p>In JavaScript ist der Abschluss eine interne Funktion, auf die au\u00dferhalb des Bereichs ihrer externen Funktion zugegriffen werden kann, wobei ihre Verbindung zu den Variablen der externen Funktion weiterhin intakt ist.<\/p>\n<p>Um Dinge zu erkl\u00e4ren (vielleicht nicht genau, aber einfach genug), stellen Sie sich einen Kellner in einem Restaurant vor.  Viele Dinge passieren in der K\u00fcche eines Restaurants, die wir weder betreten noch sehen d\u00fcrfen.  Aber wie sollen wir dann an unser Essen kommen?<\/p>\n<p>Hier kommen die Kellner ins Spiel.  Wir rufen sie an, bestellen das Essen und dann gehen sie in die K\u00fcche, informieren die K\u00f6che \u00fcber die Bestellungen und bringen sie zu uns, wenn die Bestellung fertig ist.  Auf diese Weise haben wir keine \u201eRegeln\u201c gebrochen und k\u00f6nnen trotzdem an Essen kommen.<\/p>\n<p>Der Kellner ist jemand, der unsere Bestellung in die K\u00fcche bringen und mit dem Essen zur\u00fcckkommen kann.  JavaScript \u00e4hnelt dem, wozu sie in der Lage sind <strong>Nehmen Sie unsere Parameter <\/strong>Und<strong> Bring uns Variablen<\/strong> (Verweise auf diese Variablen, um genau zu sein) innerhalb einer Funktion, die wir nicht eingeben d\u00fcrfen.<\/p>\n<pre name=\"code\" class=\"javascript\">function order() {\r\n var food; \r\n function waiter(order) {\r\n chef(order);\r\n return food;\r\n }\r\n function chef(order) {\r\n if (order === 'pasta') {\r\n food = ['pasta', 'gravy', 'seasoning'];\r\n cook();\r\n }\r\n }\r\n function cook() { food.push('cooked'); }\r\n return waiter;\r\n }\r\n var myOrder = order();\r\n console.log(myOrder('pasta'));\r\n \/\/ Array [ \"pasta\", \"gravy\", \"seasoning\", \"cooked\" ]\r\n<\/pre>\n<p>Wie Sie im obigen Code sehen k\u00f6nnen, ist alles au\u00dfer dem Kellner und seinem R\u00fcckgabewert innerhalb der Bestellfunktion nicht der Au\u00dfenwelt zug\u00e4nglich.<\/p>\n<h4 id=\"4_Currying\">4. Currys<\/h4>\n<p>Der Effekt, der benannt wird <a href=\"https:\/\/en.wikipedia.org\/wiki\/Haskell_Curry\" rel=\"nofollow noopener\" target=\"_blank\">Curry Haskell<\/a>bezieht sich auf <strong>Verwendung mehrerer Funktionen mit einzelnen Argumenten<\/strong>, anstelle einer einzelnen Funktion mit mehreren Argumenten.  Schauen wir uns zum Beispiel die folgenden Add-Funktionen an.<\/p>\n<pre name=\"code\" class=\"javascript\">function addx(x){\r\n function addy(y){\r\n return x+y;\r\n }\r\n return addy\r\n }\r\n \r\n function add(x,y){\r\n return(x+y);\r\n }\r\n \r\n console.log(addx(3)(4)); \\\\7\r\n console.log(add(3,4)); \\\\7<\/pre>\n<p>Beide Funktionen liefern das gleiche Ergebnis.  Die addx-Funktion akzeptiert einen Parameter x und gibt addy zur\u00fcck, der wiederum den Wert von y akzeptiert, die Addition mit x durchf\u00fchrt und die Summe zur\u00fcckgibt.<\/p>\n<p>Die Additionsfunktion nimmt einfach x und y gleichzeitig, f\u00fchrt die Addition durch und gibt die Summe zur\u00fcck.  Bisher scheint die erste Funktion m\u00f6glicherweise nicht sehr n\u00fctzlich zu sein, bis &#8230;<\/p>\n<pre name=\"code\" class=\"javascript\">var add4 = addx(4);\r\n console.log(add4(8)); \/\/12\r\n console.log(add4(6)); \/\/10\r\n console.log(add4(-74)); \/\/-70<\/pre>\n<p>Jetzt wird die obige Funktion pl\u00f6tzlich interessant.  In Curry k\u00f6nnen Sie immer einen Schritt in einer Operationsfolge festlegen, wie beispielsweise die Summe von 4 im obigen Code. Dies ist n\u00fctzlich, wenn eine der in der Operation verwendeten Variablen immer dieselbe ist.<\/p>\n<h4 id=\"5_Hoisting\">5. Heben<\/h4>\n<p>Heben bedeutet, etwas anzuheben.  In JavaScript bedeutet es auch dasselbe und was vorgeschlagen wird, ist die Deklaration (Deklarationen von Variablen und Funktionen).<\/p>\n<p>In Deklarationen werden Variablen und Funktionen mit den Schl\u00fcsselw\u00f6rtern var (nicht f\u00fcr global) und function erstellt.<\/p>\n<p>Unabh\u00e4ngig davon, wo Sie den Code schreiben, um eine Funktion oder Variable zu deklarieren, werden w\u00e4hrend der Auswertung alle Deklarationen in den Bereich verschoben, in dem sie sich befinden (au\u00dfer im strikten Modus).  Daher ist es m\u00f6glich, Arbeitscode zu schreiben, indem der Code f\u00fcr den Funktionsaufruf vor der Funktionsdeklaration platziert wird.<\/p>\n<pre name=\"code\" class=\"javascript\">var name=\"Velma\";\r\n console.log(sayCatchPhrase(name)); \/\"Jinkies!\"\r\n \r\n function sayCatchPhrase(name) {\r\n phrases = {\r\n 'Fred Flintstone': 'Yabba dabba doo!',\r\n 'Velma': 'Jinkies!',\r\n 'Razor': 'Bingo!',\r\n 'He-Man': 'I Have the Power'\r\n };\r\n return phrases[name];\r\n }<\/pre>\n<h4 id=\"6_Mutation\">6. Mutation<\/h4>\n<p>Mutation bedeutet Ver\u00e4nderung oder Modifikation.  Wenn Sie in JavaScript jemals auf das Wort \u201eMutation\u201c sto\u00dfen, bezieht es sich wahrscheinlich auf die \u00c4nderungen, die DOM-Elemente durchlaufen haben.<\/p>\n<p>Es gibt sogar eine API namens MutationObserver, um nach DOM-Mutationen wie z. B. Ausschau zu halten <strong>Hinzuf\u00fcgen von untergeordneten Elementen<\/strong> entweder <strong>\u00c4nderungen an Elementattributen<\/strong>.  (Mehr \u00fcber MutationObserver k\u00f6nnen Sie in meinem Beitrag lesen.)<\/p>\n<h4 id=\"7_Pragma_151\">7. Pragmatik<\/h4>\n<p>    ist die Abk\u00fcrzung f\u00fcr pragmatische Information.  Im einfachen Sprachgebrauch ist pragmatisch ein Adjektiv, das vern\u00fcnftig und praktisch bedeutet.  In der Programmierung bezieht es sich auf Code, der aus n\u00fctzlichen Informationen besteht <strong>wie ein Compiler, Interpreter oder Assembler das Programm verarbeiten soll<\/strong>.<\/p>\n<p>Es tr\u00e4gt nichts zur Programmiersprache selbst bei und seine Syntax kann variieren.  Sie wirken sich nur auf das Verhalten des Compilers aus.  JavaScript hat auch <a href=\"https:\/\/www-archive.mozilla.org\/js\/language\/js20-2002-04\/core\/pragmas.html\" rel=\"nofollow noopener\" target=\"_blank\">ein paar Pragmas<\/a>einer von ihnen ist streng.<\/p>\n<pre name=\"code\" class=\"javascript\">\"use strict\";<\/pre>\n<p>Gem\u00e4\u00df dem obigen Pragma wird der JavaScript-Code im strikten Modus ausgef\u00fchrt.  Im strikten Modus ist keine fehlerhafte Syntax zul\u00e4ssig, keine Ausf\u00fchrung, es werden stille Fehler angezeigt usw. <strong>Schreiben Sie sichereren und optimierteren JavaScript-Code<\/strong>.<\/p>\n<h4 id=\"8_Sentinel\">8. W\u00e4chter<\/h4>\n<p>    Es sind Soldaten, die Wache halten (erinnern Sie sich an die von X-Men?).  In der Programmierung handelt es sich um Werte, die das Ende einer Schleife oder eines Prozesses anzeigen.  Sie k\u00f6nnen auch \u201eFlaggen\u201c genannt werden.<\/p>\n<p>Sie k\u00f6nnen jeden sinnvollen Wert verwenden, z.  Hier ist ein Beispiel f\u00fcr die Verwendung in JavaScript;  die indexOf-Methode, die -1 (den Sentinel-Wert) zur\u00fcckgibt, wenn der Suchwert nicht in der Zielzeichenfolge gefunden wird.  Nachfolgend finden Sie eine Funktion, die die Position eines Array-Werts zur\u00fcckgibt. Wenn der Wert nicht gefunden wird, gibt sie -1 zur\u00fcck.<\/p>\n<pre name=\"code\" class=\"javascript\">function getPos(ary, val) {\r\n var i=0, len=ary.length; \r\n for(;i&lt;len;i++){\r\n if(ary[i]===val) return i+1;\r\n } \r\n return -1;\r\n }\r\n console.log(getPos(['r','y','w'],'y')); \/\/2\r\n console.log(getPos(['r','y','w'],'g')); \/\/-1\r\n<\/pre>\n<h4 id=\"9_Vanilla\">9. Vanille<\/h4>\n<p>Ich glaube, jedermanns erste Eissorte muss Vanille gewesen sein.  Ich denke auch, dass Vanille nicht nur in Eis, sondern in fast allen S\u00fc\u00dfspeisen zum Standardgeschmack geworden ist.  Ich habe einige Kuchenrezepte gesehen, bei denen man der Mischung mindestens einen Tropfen hinzuf\u00fcgt, nur um den Geschmack zu verst\u00e4rken.<\/p>\n<p>Und genau das ist es, a <strong>traditioneller Standardgeschmack<\/strong>.  JavaScript bezieht sich auf standardm\u00e4\u00dfiges, Framework-loses JavaScript.  Tats\u00e4chlich wird Vanilla nicht nur zur Beschreibung der Standardversion von JavaScript verwendet, sondern auch anderer Sprachen wie CSS.<\/p>\n<h4 id=\"10_Variadic\">10. Variadisch<\/h4>\n<p>    Es ist ein Adjektiv, das durch die Verbindung von \u201evariable\u201c und \u201eadicity\u201c entsteht.  \u201eAddicity\u201c kommt aus dem Altgriechischen und hat die gleiche Bedeutung wie das lateinische Wort \u201earity\u201c (Punkt 1 dieser Liste).  Daher wird der Begriff verwendet <strong>etwas ausdr\u00fccken, das eine variable Anzahl von Argumenten hat<\/strong>.<\/p>\n<p>In JavaScript akzeptiert eine Funktion eine beliebige Anzahl von Argumenten.  Es kann mit der Arguments-Eigenschaft, der Apply-Methode und seit ES6 dem Erweiterungsoperator erstellt werden.  Unten sehen Sie ein Beispiel, das einen Erweiterungsoperator verwendet.<\/p>\n<pre name=\"code\" class=\"javascript\">function test(...a){\r\n console.log(a);\r\n }\r\n test('a','b','c',8,[56,-89]);\r\n \/\/output is Array [ \"a\", \"b\", \"c\", 8, Array[2] ]\r\n<\/pre>\n   ","protected":false},"excerpt":{"rendered":"<p>Von bis gibt es eine Menge JavaScript-Slang (spezielle W\u00f6rter, die in diesem Fachgebiet verwendet werden), die Ihnen nicht nur dabei helfen, Ihren Wortschatz zu erweitern, sondern auch, JavaScript besser zu verstehen. Fachjargons kommen meist in Dokumentationen und Fachartikeln vor.. Aber einige davon sind ziemlich normale Dinge, die Sie wissen sollten. Wenn Sie wissen, was das [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":881583,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/5.png","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/881582"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=881582"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/881582\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/881583"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=881582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=881582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=881582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}