Conférence 1 de 'Programmation avancée avec JavaScript' - Concepts de base

J'ai lu le livre "Programmation avancée avec JavaScript" plusieurs fois auparavant, mais je ne l'ai jamais lu complètement. À partir de maintenant, je vais le lire entièrement et enregistrer des notes et mes propres réflexions sur chaque chapitre. Allez !

Étant donné que le contenu des trois premiers chapitres est relativement simple, je vais les regrouper en un seul chapitre pour enregistrer le processus d'apprentissage.

1. Concepts de base

1. La relation entre JavaScript et ECMAScript

On peut comprendre qu'en plus de ECMAScript, JavaScript contient Comprend également les attributs DOM (Document Object Model), BOM (Browser Object Model)

2,

: type de jeu de caractères différé asynchrone src

La différence entre defer et async : (applicable uniquement aux fichiers de script externes)

Sans async ni defer, les balises séquence. Le navigateur chargera et exécutera le script spécifié immédiatement. "Immédiatement" fait référence à avant le rendu de l'élément du document sous la balise script , ce qui signifie qu'il le chargera et l'exécutera dès qu'il sera lu sans attendre les éléments de document suivants. être chargé.

Avec async, le processus de chargement et de rendu des éléments suivants du document sera effectué en parallèle avec le chargement et l'exécution de js (de manière asynchrone)

Avec defer, le processus de chargement du document suivant ; les éléments seront parallèles au chargement de js Procédez en parallèle (de manière asynchrone), mais l'exécution de js doit être terminée une fois tous les éléments analysés et avant le déclenchement de l'événement DOMContentLoaded

La ligne bleue représente la lecture réseau et la ligne rouge représente le temps d'exécution, les deux sont destinées aux scripts ; la ligne verte représente l'analyse HTML.

Pour une analyse détaillée, cliquez sur

Position de la balise : peut être placée derrière le contenu dans l'élément ou

Mode document : (peut être divisé en mode mixte et mode standard)

La différence entre le mode navigateur et le mode document dans IE :

Mode navigateur : affecte la version du navigateur et les commentaires conditionnels d'IE

Mode document : affecte le moteur de composition d'IE et le rendu DOM

Pour une analyse détaillée, cliquez sur

3. Type de données

5 types de données simples : String, Number, Boolean, Null, Undefined 1 type de données complexe : Object

L'opérateur typeof détecte la variable Type de données, renvoie la chaîne 🎜> Remarque : typeof null renvoie 'object', null est considéré comme une référence d'objet vide

Lorsque la variable n'est pas initialisée ou déclarée, typeof All renvoie undefined

----- Type booléen

数据类型 转换为true的值 转换为false的值 Boolean true false String 非空字符串 空字符串 Number 任何非零数字值（包括无穷大） 0和NaN Object 任何对象 null Undefined 不适用 undefined -----Type de numéro

Le calcul des nombres à virgule flottante en js est inexact, à utiliser avec prudence~

isFinite() détermine si un nombre est compris dans la somme minimale Le plus grand nombre entre null) parseInt() parseFloat() Si le premier caractère n'est pas un caractère numérique ou un signe négatif, renvoie NaN parseInt('') NaN parseInt(null) NaN

--- -- Type de chaîne

Méthode pour convertir une chaîne : toString() Cette méthode est disponible sauf que null et undefined String() peut convertir n'importe quel type de valeur en chaîne Signe plus opérateur +''

----- Type d'objet

Chaque instance d'Object a les propriétés et méthodes suivantes

Constructeur : Enregistre la fonction utilisée pour créer l'objet actuel

hasOwnProperty(propertyName) : Si la propriété existe dans l'instance d'objet actuelle

IsPrototypeOf(object) : Si l'objet transmis est le prototype d'un autre objet

PropertyIsEnumerable( propertyName) : indique si la propriété peut être utilisée avec une instruction for-in pour énumérer

toLocaleString()

toString() : renvoie la représentation sous forme de chaîne de l'objet

valueOf() : Renvoie la chaîne, le numérique ou la valeur de l'objet. La valeur booléenne représente

4. Opérateur

var age = 10; var newAge = ++age; ; //11 console.log(newAge) ; //11 ++age est ajouté en premier puis attribué, c'est-à-dire d'abord age+1, puis attribue la valeur à newAge

var age = 10; var newAge = age++; console.log( age); //10 ++age est attribué en premier puis ajouté, c'est-à-dire qu'il attribue d'abord la valeur à newAge; , puis age+1 ----- Opérateurs au niveau du bit

NOT au niveau du bit (~) signifie que la valeur négative de l'opérande est réduite de 1 Au niveau du bit AND (&) renvoie 1 uniquement lorsque les bits correspondants des deux valeurs sont 1, n'importe lequel Si le bit est 0, le résultat est tout 0

Si l'un des bits est 1 en OU au niveau du bit (| ), 1 sera renvoyé

XOR au niveau du bit (^) Les bits correspondants des deux valeurs n'ont Renvoie 1 que s'il s'agit d'un 1

Décalage à gauche (<<) déplace tous les bits de la valeur vers la gauche du nombre de chiffres spécifié. Les postes vacants supplémentaires sont remplis par 0, ce qui n'affectera pas le bit de signe de l'opérande

Décalage à droite signé (>>) remplit les bits vides avec la valeur du bit de signe

Décalage droit non signé (>>>) remplit les bits vides avec 0

----- Opérateur booléen

NON logique (!)

Opérateur de court-circuit ET logique (&&), c'est-à-dire que si le premier opérande est évalué comme faux, alors le deuxième opérande ne sera pas évalué

par exemple : console. log(1 && 2 && 3); //3

Opérateur de court-circuit OU logique (||), c'est-à-dire que si le résultat de l'évaluation d'un opérande est vrai, le deuxième opérande sera ne pas être évalué

eg:console.log(1 || 2 || 3); //1 ----- Opérateur d'égalité

null >= 0 //true null == 0 //false Raison : L'opérateur relationnel sera converti en valeur numérique lors de la comparaison, mais l'opérateur d'égalité ne le sera pas Will

null == non défini //true null == 0 //false non défini == 0 //false

= =Comparer uniquement les valeurs ===Comparez les deux valeurs et types

Une question posée lors d'un entretien précédent : var a = 1, b = 1 ; var c = {a: 1}, d = {a:1} ; (a == b); console.log(a === b); console.log(c == d); console.log(c === d); //true true false false

Lorsque l'expression virgule est utilisée pour l'affectation, elle renverra toujours le dernier élément de l'expression, par exemple :var num=(1,2,3 ); 🎜> 5. Instruction

do{} while () instruction while() {} instruction switch instruction Instruction For-in : peut être utilisée pour énumérer les propriétés d'un objet. L'ordre de retour des propriétés peut varier selon le navigateur

instruction break : quittez la boucle et exécutez l'instruction après la boucle continue : sortez de cette boucle, exécutez la boucle suivante

6. Fonction

L'objet arguments peut accéder au tableau de paramètres. La valeur des paramètres peut être obtenue via arguments[0]..., qui a l'attribut length

Une fonction qui ne spécifie pas de valeur de retour renvoie une valeur indéfinie. C'est pourquoi parfois la saisie de certaines commandes dans la console Chrome renverra undefined~