Heben ist die Aktion des JavaScript-Interpreters, alle Variablen- und Funktionsdeklarationen an den Anfang des aktuellen Bereichs zu verschieben.
Es werden jedoch nur die eigentlichen Erklärungen angehoben, indem die Zuweisungen dort belassen werden, wo sie sind.
- Variablen/Funktionen, die innerhalb der Seite deklariert werden, sind global und können überall auf der Seite aufgerufen werden.
- Variablen/Funktionen, die innerhalb der Funktion deklariert sind, haben einen lokalen Geltungsbereich, d.h. sie sind innerhalb des Funktionskörpers (Geltungsbereich) verfügbar/zugreifbar, außerhalb des Funktionskörpers sind sie nicht verfügbar.
Variabel
Javascript wird als lose typisierte Sprache bezeichnet. Das bedeutet, dass Javascript-Variablen den Wert einer beliebigen Datentyp . Javascript kümmert sich automatisch um die Änderung des Variablentyps auf der Grundlage des zur Laufzeit bereitgestellten Werts/Literal.
global_Page = 10; var global_Page; « undefined
« Integer literal, Number Type. ------------------- global_Page = 10; « Number
global_Page = 'Yash'; | Interpreted | global_Page = 'Yash'; « String
« String literal, String Type. « AS « global_Page = true; « Boolean
var global_Page = true; | | global_Page = function (){ « function
« Boolean Type ------------------- var local_functionblock; « undefined
global_Page = function (){ local_functionblock = 777;« Number
var local_functionblock = 777; };
// Assigning function as a data.
};
Funktion
function Identifier_opt ( FormalParameterList_opt ) {
FunctionBody | sequence of statements
« return; Default undefined
« return 'some data';
}
- Funktionen, die innerhalb der Seite deklariert werden, werden an den Anfang der Seite gehievt und haben globalen Zugriff.
- Funktionen, die innerhalb des Funktionsblocks deklariert sind, werden an den Anfang des Blocks gehievt.
-
Der Standardrückgabewert der Funktion ist ' undefiniert ', Variabel Deklaration Standardwert ebenfalls 'undefiniert'
Scope with respect to function-block global.
Scope with respect to page undefined | not available.
Funktionserklärung
function globalAccess() { function globalAccess() {
} ------------------- }
globalAccess(); | | function globalAccess() { « Re-Defined / overridden.
localAccess(); « Hoisted As « function localAccess() {
function globalAccess() { | | }
localAccess(); ------------------- localAccess(); « function accessed with in globalAccess() only.
function localAccess() { }
} globalAccess();
} localAccess(); « ReferenceError as the function is not defined
Funktion Ausdruck
10; « literal
(10); « Expression (10).toString() -> '10'
var a;
a = 10; « Expression var a.toString() -> '10'
(function invoke() { « Expression Function
console.log('Self Invoking'); (function () {
}); }) () -> 'Self Invoking'
var f;
f = function (){ « Expression var Function
console.log('var Function'); f () -> 'var Function'
};
Funktion, die einer Variablen zugeordnet ist Beispiel:
(function selfExecuting(){
console.log('IIFE - Immediately-Invoked Function Expression');
}());
var anonymous = function (){
console.log('anonymous function Expression');
};
var namedExpression = function for_InternalUSE(fact){
if(fact === 1){
return 1;
}
var localExpression = function(){
console.log('Local to the parent Function Scope');
};
globalExpression = function(){
console.log('creates a new global variable, then assigned this function.');
};
//return; //undefined.
return fact * for_InternalUSE( fact - 1);
};
namedExpression();
globalExpression();
Javascript interpretiert als
var anonymous;
var namedExpression;
var globalExpression;
anonymous = function (){
console.log('anonymous function Expression');
};
namedExpression = function for_InternalUSE(fact){
var localExpression;
if(fact === 1){
return 1;
}
localExpression = function(){
console.log('Local to the parent Function Scope');
};
globalExpression = function(){
console.log('creates a new global variable, then assigned this function.');
};
return fact * for_InternalUSE( fact - 1); // DEFAULT UNDEFINED.
};
namedExpression(10);
globalExpression();
Sie können die Funktionsdeklaration und den Ausdruckstest in verschiedenen Browsern überprüfen, indem Sie jsperf Test Runner
ES5-Konstruktorfunktionsklassen : Funktionsobjekte, die mit Function.prototype.bind erstellt wurden
JavaScript behandelt Funktionen als Objekte erster Klasse. Da sie ein Objekt sind, können Sie einer Funktion Eigenschaften zuweisen.
function Shape(id) { // Function Declaration
this.id = id;
};
// Adding a prototyped method to a function.
Shape.prototype.getID = function () {
return this.id;
};
Shape.prototype.setID = function ( id ) {
this.id = id;
};
var expFn = Shape; // Function Expression
var funObj = new Shape( ); // Function Object
funObj.hasOwnProperty('prototype'); // false
funObj.setID( 10 );
console.log( funObj.getID() ); // 10
ES6 eingeführt Pfeil-Funktion : Ein Pfeilfunktionsausdruck hat eine kürzere Syntax, ist am besten für Nicht-Methodenfunktionen geeignet und kann nicht als Konstruktor verwendet werden.
ArrowFunction : ArrowParameters => ConciseBody .
const fn = (item) => { return item & 1 ? 'Odd' : 'Even'; };
console.log( fn(2) ); // Even
console.log( fn(3) ); // Odd
