Maison  >  Article  >  interface Web  >  Points de connaissances couramment utilisés sur JavaScript

Points de connaissances couramment utilisés sur JavaScript

巴扎黑
巴扎黑original
2017-07-22 15:33:11919parcourir

Grammaire

Expression d'énoncé

Une phrase est un groupe de mots qui exprime complètement un certain sens, composé d'un ou plus Il se compose de phrases, et elles sont reliées par par des signes de ponctuation ou des mots de connexion.

Les déclarations sont équivalentes aux phrases, les expressions sont équivalentes aux phrases et les opérateurs sont équivalents aux signes de ponctuation et aux connecteurs.

Les expressions en JavaScript peuvent renvoyer une valeur de résultat.

var a = 3 * 6;

var b = a;

var a = 3 * 6; var b = a; 

déclaration , car il déclare l'instruction

        a = 3 * 6;   b = a;  

instruction d'expression

 >La valeur du résultat de l'instruction

Les effets secondaires de l'expression

var a = 42;

var b = a++;

a Valeur

42 (

attribue la valeur à

b),

puis ajoute la valeur de a 1; L'effet secondaire se produira (un incrément) avant que l'expression ne renvoie le résultat et l'effet secondaire de a++ se produira après. ++a++ générera

ReferenceError

erreur var a = 42; var b = (a++); Le symbole concatène plusieurs instructions d'expression indépendantes en une seule instruction :     var a = 42,b;    b = ( a++,a)

   a ; // 43

b; // 43 L'opérateur delete est utilisé pour supprimer des attributs dans des objets et des éléments dans des tableaux.

var obj = {

🎜>

delete obj.a; // true

  obj.a; >

function voyels(str){

var matches;

If(str) { 🎜>

if(matches) {

correspondances de retour ;

}

}

       }

   voyelles("Hello World" ); "o", "o"]

Utilisez les effets secondaires des instructions d'affectation pour combiner deux instructions if en une seule

Function vomels (str){

var matches;

                                                     ductatchatch dans toutes les lettres d'éléments > Retourner les correspondances ;

}

>

votes("Hello World" ,"o"); ]

 Règles de contexte

1.

Accolades

Constantes d'objet

//

Supposons que la fonction bar ()

a été définie 🎜>} Label

🎜>

🎜>

     [] + {}; // 0

   Déconstruction d'objet

       function getData() {                                               b : 🎜> }         var { a , b } = getData();

       console.log(a,b); // 42 "foo"

   

peut également être utilisé comme déstructuration d'objet ing de fonctions nommées paramètres pour faciliter l’affectation implicite des propriétés de l’objet.

Fonction foo({a,b,c}){

// Plus nécessaire : ​​

// var a = obj.a, b = obj.b, c = obj.c

      console.log(a,b,c)

       }

    foo({

>

c : [1,2,3],

a : 42,

b : "foo"

    } // 42" foo" [ 1,2,3]

Priorité des opérateurs

var a = 42;

var b = " foo « ;

Pour

&&

et

|| , si le résultat peut être obtenu à partir de l'opérande gauche, le côté droit peut être ignoré L'opérande

, nous appelons ce phénomène un court-circuit.

a && b || c ? c || b a : c && b : a

      Parce que la priorité de l'opérateur && est supérieure à ||, et || > a une priorité plus élevée que ? :. (a && b || c) ? (c || b) ? a : (c && b) : a

L'association de l'opérateur

est soit de gauche à droite ou de droite à gauche, selon que la combinaison part de la gauche

ou de la droite.

var a = foo() && bar();

Exécutez foo() en premier Suivez l'ordre d'exécution de gauche à droite

var a , b , c;

a = b = c = 42; C'est en fait ainsi que cela est géré

a = ( b = ( c = 42))

var a = 42;

var b = "foo";

var c = faux;

var d = a && b || c ? || a : c && b : a;

  >?

((c || b) ? a : (c && b)) : a

     

Maintenant, exécutons

un par un .(a && b) Le résultat est"foo".

        2."foo" || c Le résultat est

"foo".

    3,Le premier ? Dans

"foo"

est vrai.         4.(c || b)

Le résultat est

"foo".                                                                         logue in in in in on 4. (c || b) Le résultat est

"foo".

, "foo"

est la vraie valeur. 6.a La valeur de est 42

Les erreurs qui se produisent pendant la phase de compilation sont appelées erreurs précoces. un type d'erreurs précoces. Utilisez try..catch pour capturer

Les erreurs de syntaxe sont généralement signalées par les navigateurs 🎜> SyntaxError

<.>

Utiliser les variables à l'avance

Zone morte temporaire

TDZ laisser

Bloquer la portée

    {  a = 2; // ReferenceError

    Laisser a;   }

Paramètres de fonction

Fonction foo(a = 42, b = a + 1){

>

foo(); // 42 43

foo(undefined); 🎜>

foo(5); // 5 6

fo o( void 0, 7); // 42 7 foo(null) // null 1

essayez.. enfin

Le code dans enfin

sera toujours

try sera exécuté après

S'il y a

. catch

, il sera exécuté après

catch

.

Vous pouvez considérer le code dans finalement comme une fonction de rappel, qui est toujours exécutée en dernier.

commutateur

Vous pouvez le considérer comme une version simplifiée de if..else if.. else .

switch (a) {

cas 2 :

// Exécuter du code

  retour ;

🎜>

       //

Exécuter du code

    }

Environnement mixte

JavaScript

Créez dynamiquement un

script, des balises

et ajoutez-les au

DOM de la page.

var Greeting = "Hello World"; var el = document.createElement("script"); el.text = "function foo() { alert(greeting); setTimeout(foo,1000)}"; document.body.appendChild(el); Si la valeur est définie sur

URL

, vous pouvez passer