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

Une mauvaise utilisation de JavaScript

mode strict JavaScript (use strict): Précédent

Ce chapitre, nous allons discuter de l'utilisation des erreurs JavaScript.

Erreur d'application de l'opérateur d'affectation

Dans le programme JavaScript si vous utilisez une instruction conditionnelle si l'opérateur d'affectation est le signe égal (=) va générer un résultat d'erreur, l'approche correcte consiste à utiliser une comparaison des deux signes égal (==).

si instruction conditionnelle retourne false (nous nous attendons) parce que x est pas égal à 10:

var x = 0;
if (x == 10)

si instruction conditionnelle renvoie vrai (non pas que nous nous attendions) est exécutée , car les conditions de cession x 10,10 est vrai:

var x = 0;
si (x = 10)

si instruction conditionnelle retourne false (pas ce que nous attendions) est exécutée , car les conditions pour l'attribution x 0,0 est fausse:

var x = 0;
si (x = 0)

	Renvoie la valeur de l'affectation variable.

comparaison des erreurs communes

En comparaison classique, le type de données est ignorée, si la déclaration de condition suivante renvoie true:

var x = 10;
var y = "10";
if (x == y)

En opération de comparaison rigoureuse, un calcul d'identité === opérateur, tandis que la valeur de l'expression de la vérification de type, les conditions suivantes instruction if renvoie false:

var x = 10;
var y = "10";
si (x === y)

Cette erreur se produit souvent dans l'instruction switch, commutateur déclaration calculée en utilisant l'opérateur d'identité (===) ont été comparés:

Les exemples suivants exécuteront pop alerte:

var x = 10;
switch (x) {
cas 10: alert ( "Bonjour" );
}

Les exemples suivants sont incompatibles parce que le type ne fonctionne pas popups alerte:

var x = 10;
switch (x) {
cas "10": alert ( " Bonjour");
}

Ajout et Considérations de connexion

L' addition de deux nombres ensemble.

La chaîne de connexion pour connecter les deux.

Addition et JavaScript sont connectés en utilisant l'opérateur +.

Ensuite, nous pouvons voir deux nombres ensemble et reliés à une chaîne de chiffres et de distinction à titre d'exemple:

var x = 10 + 5; // x est 15 Résultats
var x = 10 + "5" ; Résultats // x est "105"

Utilisation de variables en ajoutant les résultats sont incompatibles:

var x = 10;
var y = 5;
var z = x + y; Résultats de la z est 15

var x = 10;
var y = "5";
var z = x + y; Résultats de la z est "105"

Notez l'utilisation de données à virgule flottante

JavaScript Toutes les données sont basées sur 64 bits à virgule flottante de type de données (float) à stocker.

Tous les langages de programmation, y compris JavaScript, à point de précision des données à virgule flottante sont difficiles à déterminer:

var x = 0,1;
var y = 0,2;
var z = x + y Les résultats de z est de 0,3
si (z == 0,3) // Retourne false

Je résoudre ce problème, vous pouvez utiliser une multiplication et la division entière à résoudre:

Exemples

var z = (x * 10 + y * 10) / 10; // z résultat est 0,3

JavaScript Branches de chaîne

Nous utilisons des sauts de ligne pour exécuter des instructions JavaScript dans la chaîne:

exemple 1

var x =
"Bonjour tout le monde!";

Cependant, dans la chaîne de retour directement chariot est accordée pour:

exemple 2

var x = "Bonjour
Monde! ";

Nous pouvons choisir l'outil de développement ou appuyez sur F12 pour voir le message d'erreur:

les sauts de ligne de chaîne ont besoin d'utiliser une barre oblique inverse (\), comme suit:

exemple 3

var x = "Bonjour \
Monde! ";

Mauvais point-virgule

L'exemple suivant, puisque le point-virgule mal, si le bloc de déclaration du code ne sera pas exécuté:

if (x == 19);
{
// Bloc de code
}

Retour Précautions d'instruction

JavaScript est la valeur par défaut automatiquement se termine sur la dernière ligne de code.

Les deux exemples suivants renvoient le même résultat (a pas un point-virgule):

exemple 1

function myFunction (a) {
puissance var = 10
retourner une puissance *
}

exemple 2

function myFunction (a) {
puissance var = 10;
retourner une puissance *;
}

JavaScript peut également être utilisé pour mettre fin à une déclaration sur plusieurs lignes.

Les exemples suivants renvoient le même résultat:

exemple 3

function myFunction (a) {
var
puissance = 10;
retourner une puissance *;
}

Cependant, les exemples suivants de résultats sont renvoyésindéfini:

exemple 4

function myFunction (a) {
var
puissance = 10;
retour
* une puissance;
}

Pourquoi est-il un tel résultat? Parce que dans JavaScript, des exemples de code et cohérente 4 le code suivant:

function myFunction(a) {
    var
    power = 10;  
    return;       // 分号结束，返回 undefined
    a * power;
}

résoudre

Si elle est une déclaration incomplète, comme suit:

var

JavaScript tentera de lire la deuxième déclaration de la ligne:

power = 10;

Cependant, parce que cette déclaration est complète:

return

JavaScript éteindra automatiquement la déclaration:

return;

En JavaScript, le point-virgule est facultative.

Depuis le retour est une phrase complète, il sera éteint instruction return JavaScript.

	Note: Ne pas briser la ligne de la déclaration de retour.

Utilisez un nom d'index de tableau

De nombreux langages de programmation permettent l'utilisation du nom que l'index du tableau.

Pour utiliser le nom que l'index du tableau est appelé un tableau associatif (ou hash).

JavaScript ne supporte pas l'utilisation du nom pour les tableaux d'index, seul un index numérique.

Exemples

var personne = [];
personne [0] = "John" ;
personne [1] = "Doe" ;
personne [2] = 46;
var x = person.length; // Person.length renvoie 3
var y = personne [0]; // Personne [0] renvoie "John"

En JavaScript, utilisez le nom de l'objet comme un indice.

Si vous utilisez le nom comme un index pour accéder au tableau, JavaScript va redéfinir la gamme standard des objets.

Après avoir effectué cette opération, les méthodes et les propriétés de la matrice ne seront plus utilisés, sinon il va générer une erreur:

Exemples

var personne = [];
personne [ "firstName"] = " John";
personne [ "lastName"] = " Doe";
personne [ "age"] = 46 ;
var x = person.length; // person.length retourne 0
var y = personne [0]; // Personne [0] renvoie undefined

Définir un élément de tableau, et, enfin, ne peut pas ajouter une virgule

Les erreurs sont définies:

points = [40, 100, 1, 5, 25, 10,];

La définition correcte de la façon suivante:

points = [40, 100, 1, 5, 25, 10];

Définir l'objet, et enfin ne peut pas ajouter une virgule

Les erreurs sont définies:

websites = {site:"本教程", url:"www.w3big.com", like:460,}

La définition correcte de la façon suivante:

websites = {site:"本教程", url:"www.w3big.com", like:460}

Undefined pas Null

En JavaScript, null pour les objets, undefined pour les variables, les propriétés et les méthodes.

Les objets sont définis uniquement possible comme nulle, sinon undefined.

Si nous voulons tester si la présence de l'objet, lorsque l'objet est pas encore défini lancera une erreur.

Mauvaise utilisation:

if (myObj !== null && typeof myObj !== "undefined")

La bonne façon est que nous devons utiliser typeof pour détecter si un objet a été défini:

if (typeof myObj !== "undefined" && myObj !== null)

Bloquer la portée

JavaScript ne crée pas un nouveau champ dans chaque bloc de code, la portée générale de chaque bloc de code sont globales.

La variable code i suivant retourne 10 au lieu de undefined:

Exemples

for (var i = 0; i <10; i ++) {
// Une partie du code
}
retour i;

mode strict JavaScript (use strict): Précédent