Lassen Sie uns einige zentrale JavaScript -Grundlagen kennenlernen, die ein Entwickler kennen muss. Diese interpretierte Programmiersprache wird häufig verwendet, um Apps auf Unternehmensebene zu entwickeln.

JavaScript -Grundkonzepte

Überblick

JavaScript ist eine Skriptsprache, die zur Entwicklung dynamischer webbasierter Anwendungen verwendet wird. Wir verwenden HTML und CSS, um statische Websites zu erstellen, während JavaScript zum Hinzufügen von Interaktivität verwendet wird. In unserem vorherigen Blog -Beitrag werden wir Dokumentobjektmodell behandelt und jetzt werden wir einige andere wichtige JavaScript -Grundkonzepte behandeln. Webentwickler entscheiden sich aufgrund ihrer reichhaltigen Funktionen und Frameworks tendenziell für diese Skriptsprache. Darüber hinaus können Sie am vorderen End- und hinteren Ende entwickelt, indem Sie JavaScript lernen. Sie können jedoch nicht nur Web -Apps, sondern auch mobile Apps entwickeln. Dieses JavaScript -Tutorial hilft Ihnen, wenn Sie sich auf eine Interviewsitzung vorbereiten. Trotzdem ist dieser Leitfaden gelesen, um mehr zu Ihrem Wissenseimer hinzuzufügen. Wir werden die folgenden Punkte in diesem Artikel behandeln:

Was hebt in JavaScript

Das Phänomen der Funktion oder variable Deklaration neben dem aktuellen Bereich wird als Hebezeug bezeichnet. Dies ist ein sehr kritisches Konzept und die meisten JavaScript -Entwickler sind sich dessen nicht bewusst. Eine wichtige Sache, die hier jedoch zu beachten ist, ist jedoch, dass nur Funktions-/Variablendeklarationen nach oben und nicht die Funktion/variable Initialisierung vorgenommen werden. Nehmen wir ein Beispiel und sehen Sie den Code -Snippet unten.

printResults();
function printResults(){
    console.log("hello programmers")
}
// output: hello programmers

Im obigen Codebeispiel haben wir den Funktionsaufruf vor der Funktionserklärung getätigt, obwohl der Code erfolgreich ausgeführt wird, und das ist auf JavaScript -Heizen zurückzuführen. Grundsätzlich scannt der JavaScript -Interpreter während der Kompilierungszeit den Code, sammelt alle Funktionen/Variablen und setzt sie in das Gedächtnis, die als lexikalische Umgebung bezeichnet wird. Das gleiche passiert mit den Variablen.

name = "mustafa";
console.log(name);
var name;

In ähnlicher Weise wurde die Initialisierung der Namensvariable vor seiner Deklaration durchgeführt, und der Code funktioniert ohne Fehler. Auch während der Kompilierungszeit befasste sich der JS -Interpreter in die lexikalische Umgebung, um die Variablenerklärung zu finden und somit den Code auszuführen. Wenn Sie also Variablen mit LET- und const -Schlüsselwörtern deklarieren, hebt JavaScript sie etwas anders.

name = "mustafa";
console.log(name);
let name;
// Uncaught ReferenceError: Cannot access 'name' before initialization

Der Fehler im obigen Code -Snippet trat auf. Der Grund dafür ist, dass die Initialisierung nicht durchgeführt wurde, während diese Variable gehoben wurde. Kurz gesagt, alle Erklärungen werden mit “undefiniert” initialisiert, während Variablen, die mit “let” oder “const” deklariert sind, bei Hebezeugen nicht initialisiert werden.

Scopes in JavaScript

Der Umfang ist eines der JavaScript -Grundkonzepte, die ein Entwickler kennen muss. Die Arbeit mit JavaScript -Scopes ist jedoch nicht einfach und etwas anders. Daher gibt es drei Arten von Scopes in JavaScript, und diese sind wie folgt: Blockebene : Variablen, die mit “let” oder “const” deklariert sind, enthält den Bereich auf Blockebene.

if(true){
  let a = 1;
}
// a is not accessible outside the curly braces.

Die Variable “A” ist außerhalb der lockigen Klammern nicht zugänglich {}, da sie auf Blockebene verfügt. Funktionsebene : Die in der JavaScript-Funktion deklarierten Variablen haben den lokalen Bereich.

function innerFunc(){
        let last_name = "ashraf";
        console.log("hello "+last_name);
    }
// last_name is not accessible outside the function.

Eine wichtige Sache, die hier zu beachten ist, ist, dass Variablen, die mit “let” “const” und “var” deklariert sind, den Funktionsbereich innerhalb des Funktionskörpers haben. Globales Level : Variablen, die außerhalb der Funktion deklariert sind, werden zu globalen Variablen. Egal ob Sie sie mit “let”, “const” oder “var” deklariert haben. Darüber hinaus wird eine Variable zu einer globalen Variablen, wenn er ohne ein Schlüsselwort deklariert wird, wie im folgenden Code -Snippet gezeigt:

function innerFunc(){
        last_name = "ashraf";
        console.log("hello "+last_name);
    }
// last_name is accessible outside the function too and is of global scope

JavaScript -Schließungen

Dies ist ein weiteres wichtiges Konzept, das Ihr JavaScript -Wissen über Scopes und Datenkapselung stärkt. In der einfachsten Form wird eine Funktion in einer Funktion als Verschluss bezeichnet. Sie können die innere Funktion als Schließung aufrufen. Diese innere Funktion hat drei Arten von Umfang:

  • Es hat einen eigenen Umfang auf Blockebene.
  • Es hat Zugriff auf die Variablen des Elternteils.
  • Variablen im globalen Bereich sind auch im Verschluss zugänglich. Lassen Sie uns sehen, wie man einen Verschluss schafft:
 function myFunction(){
    let first_name = "mustafa";
    function innerFunc(){
        let last_name = "ashraf";
        console.log("hello "+first_name+" "+last_name);
    }
    return innerFunc()
}
myFunction()
// output: hello mustafa ashraf

Der Variable First_Name ist in der Funktion Innerfunc zugänglich, aber die übergeordnete Funktion kann keinen Zugriff auf die Last_Name -Variable haben. Mit diesem Verhalten können Programmierer private Variablen in der Bereichskette erstellen.

Abschluss

Wir beenden diesen JavaScript -Leitfaden hier und hoffen, dass Sie ein besseres Verständnis für JavaScript -Grundkonzepte haben. Darüber hinaus haben wir auch JavaScript -Schließungen, Scopes in JavaScript**und Hebeln durchlaufen. Es gibt viele andere wichtige Konzepte, die für Anfänger obligatorisch sind. Dieser Artikel hilft Ihnen also, wenn Sie Ihre JavaScript -Konzepte verbessern oder aktualisieren. Darüber hinaus können Sie die im Abschnitt “Siehe auch” genannten Blog -Beiträge durchlaufen.

Verbinde dich mit uns

Schließlich bietet Containerize.com laufende JavaScript -Tutorials zu verschiedenen aufregenden Themen. Sie können in der Schleife bleiben, indem Sie uns auf unseren Social -Media -Plattformen, einschließlich Facebook, LinkedIn und Twitter, folgen.

Stelle eine Frage

Sie können uns über Ihre Fragen oder Abfragen in unserem Forum informieren.

FAQs

Was sind die wichtigen Konzepte in JavaScript? Bitte folgen Sie diesem JavaScript -Anfänger Handbuch, um JavaScript -Grundkonzepte zu kennen.

Siehe auch