Latest web development tutorials
×

JavaScript cours

JavaScript cours JavaScript Brève introduction JavaScript usage JavaScript exportation JavaScript grammaire JavaScript Déclarations JavaScript note JavaScript variable JavaScript Types de données JavaScript Objets JavaScript fonction JavaScript portée JavaScript événement JavaScript chaîne JavaScript opérateurs JavaScript comparer JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Type de conversion JavaScript expressions régulières JavaScript erreur JavaScript debugging JavaScript ascenseur variable JavaScript Strict mode JavaScript utilisation inappropriée JavaScript Authentification Forms JavaScript Mots clés réservés JavaScript JSON JavaScript void JavaScript Spécification code

JS fonction

JavaScript Définition de la fonction JavaScript Arguments de la fonction JavaScript appel de fonction JavaScript fermetures

JS HTML DOM

DOM Brève introduction DOM HTML DOM CSS DOM événement DOM EventListener DOM élément

JS Tutorial avancée

JavaScript Objets JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objets

JS Navigateur BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript événement Timed JavaScript Cookies

JS entrepôt

JavaScript entrepôt JavaScript test jQuery JavaScript test Prototype

JS Exemples

JavaScript Exemples JavaScript instance de l'objet JavaScript instance d'objet du navigateur JavaScript HTML DOM Exemples JavaScript résumé

JS Manuel de référence

JavaScript Objets HTML DOM Objets

JavaScript appel de fonction

Il existe quatre types de fonction JavaScript est appelé.

Chaque façons différentes que ce mode d' initialisation.


ce mot - clé

En général, en Javascript, cela fait référence aux fonctions d'objets courants exécutés.

note Notez que ceci est un mot - clé réservé, vous ne pouvez pas modifier cette valeur.

JavaScript appel de fonction

Dans la section précédente, nous avons appris comment créer une fonction.

Le code de fonction est exécutée après la fonction est appelée.


Comme un appel de fonction

Exemples

function myFunction (a, b) {
retour a * b;
}
myFunction (10, 2); // myFunction (10, 2) renvoie 20

Essayez »

La fonction ci-dessus ne fait pas partie de tout objet. Cependant, en JavaScript, il est toujours l'objet global par défaut.

En HTML, l'objet global par défaut est la page HTML elle-même, de sorte que la fonction fait partie de la page HTML.

Dans la page du navigateur fenêtre du navigateur d'objets (objets de la fenêtre). Au cours de la fonction devient automatiquement une fonction d'objet de la fenêtre.

myFunction () et window.myFunction () est le même:

Exemples

function myFunction (a, b) {
retour a * b;
}
window.myFunction (10, 2); // window.myFunction (10, 2) renvoie 20

Essayez »

note Ceci est une méthode couramment utilisée appelle une fonction JavaScript, mais pas de bonnes pratiques de programmation variables globales, les méthodes et fonctions susceptibles de provoquer des conflits de noms bug.

Objets globaux

Lorsqu'une fonction appelle lui - même est pas un objet ?, Cette valeur deviendra l'objet global.

Dans le navigateur Web, la fenêtre du navigateur est l'objet global (objets de la fenêtre).

Les exemples de cette valeur de retour est l'objet de la fenêtre:

Exemples

function myFunction () {
return this;
}
myFunction (); // Retourne l'objet de la fenêtre

Essayez »

note Fonction comme un objet global à appeler, ce sera la valeur de l'objet global.
Utilisez l'objet de la fenêtre comme une variable est susceptible de causer un plantage du programme.

En fonction de l'appel de méthode

Dans JavaScript, vous pouvez utiliser une fonction définie comme une méthode d'objet.

L'exemple suivant crée un objet (myObject), l'objet a deux propriétés (nom et prénom), et une méthode (fullName):

Exemples

var myObject = {
firstName: "John",
lastName: "Doe",
fullName: function () {
retour this.firstName + "" + this.lastName;
}
}
myObject.fullName (); // retourne "John Doe"

Essayez »

méthode fullName est une fonction. Fonction appartiennent à l'objet. monObjet est le propriétaire de la fonction.

cet objet a un code JavaScript. Valeur MyObject objet instance de cette.

Le test suivant! FullName modifier cette méthode et valeur de retour:

Exemples

var myObject = {
firstName: "John",
lastName: "Doe",
fullName: function () {
return this;
}
}
myObject.fullName (); // renvoie [object Object] (propriétaire d'un objet)

Essayez »

note Fonction comme une méthode objet appel, ce sera donc la valeur de l'objet lui - même.

Utilisez les appels de fonction constructeur

Si la fonction est appelée avant d' utiliser le nouveau mot - clé, le constructeur est appelé.

Il semble que de créer une nouvelle fonction, mais en fait les fonctions JavaScript sont des objets recréés:

Exemples

// Constructor:
function myFunction (arg1, arg2) {
this.firstName = arg1;
this.lastName = arg2;
}

// Ceci crée un nouvel objet
var x = new myFunction ( "John", "Doe");
x.firstName; // renvoie "John"

Essayez »

Appelez le constructeur pour créer un nouvel objet. Nouvel objet hérite des propriétés et méthodes du constructeur.

note Constructor ce mot - clé n'a pas de valeur.
cette valeur pour créer une instance d'un objet (nouvel objet) dans un appel de fonction.

En fonction de la fonction d'appel de méthode

En JavaScript, les fonctions sont des objets. fonction JavaScript a ses attributs et méthodes.

appeler () et appliquer () est une méthode prédéfinie. Les deux méthodes peuvent être utilisées pour appeler une fonction, le premier argument deux méthodes doivent être l'objet lui-même.

Exemples

function myFunction (a, b) {
retour a * b;
}
myFunction.call (myObject, 10, 2); // renvoie 20

Exemples

function myFunction (a, b) {
retour a * b;
}
myArray = [10,2];
myFunction.apply (myObject, myArray); // renvoie 20

Les deux méthodes utilisent l'objet lui-même comme le premier paramètre. La différence est que le second argument: appliquer passé est un tableau de paramètres, qui est, une pluralité de paramètres combinés dans un tableau passé, puis appeler comme un paramètre d'appel passant (depuis le début du deuxième argument).

En mode strict JavaScript (mode strict), l'appel de fonction dans le premier argument deviendra cette valeur, même si le paramètre est pas un objet.

Dans le mode strict non-JavaScript (mode non-stricte), si la valeur du premier paramètre est null ou undefined, il utilisera l'objet global à la place.

note De cette façon , vous pouvez définir la valeur par appel () ou appliquer (), et appelant une nouvelle méthode d'un objet qui existe déjà.