Points de connaissances couramment utilisés sur JavaScript

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

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript