English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Basic concepts
JavaScript is an interpreted language, and the browser acts as the interpreter. When JavaScript is executed, it first interprets and then executes within the same scope. During interpretation, it compiles variables defined by the keywords function and var, and then executes from top to bottom, assigning values to variables.
Case-sensitive
Everything in ECMASCript (including variables, function names, and operators) is case-sensitive.
1. Variable
Variables are set in memory when they are used for the first time, making it convenient to refer to them later in the script. Declare variables before using them. Variable declarations can be made using the var keyword.
var count, amount, level; // Multiple declarations declared with a single var keyword.
Variable naming
Variable names include global variables, local variables, class variables, function parameters, and so on, all of which belong to this category.
The variable naming is prefixed with the type+Composé de mots significatifs, nommé en camelCase pour augmenter la lisibilité des variables et des fonctions. Par exemple : sUserName, nCount.
Norme de préfixe :
Chaque variable locale doit avoir un préfixe de type, qui peut être divisé en :
s : représente la chaîne. Par exemple : sName, sHtml;
n : représente le nombre. Par exemple : nPage, nTotal;
b : représente la logique. Par exemple : bChecked, bHasLogin;
a : représente le tableau. Par exemple : aList, aGroup;
r : représente l'expression régulière. Par exemple : rDomain, rEmail;
f : représente la fonction. Par exemple : fGetHtml, fInit;
o : représente d'autres objets non mentionnés précédemment, par exemple : oButton, oDate;
g : représente la variable globale, par exemple : gUserName, gLoginTime;
JScript est un langage sensible à la casse. Les règles à suivre pour créer un nom de variable valide sont les suivantes :
Attention, le premier caractère ne peut pas être un chiffre.
Le nom de la variable peut contenir des lettres, des chiffres et des underscores, mais pas d'espaces. Le nom de la variable ne peut pas être un mot réservé.
JavaScript est un langage de type faible, JavaScript ignore les espaces supplémentaires. Vous pouvez ajouter des espaces au script pour améliorer sa lisibilité.
var est un mot réservé en JavaScript, indiquant que ce qui suit est une déclaration de variable, le nom de la variable est un identificateur personnalisé, et les variables sont séparées par des virgules.
Si une variable est déclarée sans être assignée, elle existe, mais sa valeur est le valeur Jscript undefined.
Conversion de type forcée
Dans Jscript, vous pouvez effectuer des opérations sur des valeurs de types différents sans vous soucier que l'interpréteur JScript ne génère pas d'exception. Au lieu de cela, l'interpréteur JScript change automatiquement l'un des types de données (conversion forcée) en un autre type de données, puis effectue l'opération. Par exemple :
Opérations : resultat
Addition de nombres et de chaînes : conversion forcée du nombre en chaîne.
Addition de valeurs booléennes et de chaînes : conversion forcée de la valeur booléenne en chaîne.
Addition de nombres et de valeurs booléennes : conversion forcée de la valeur booléenne en nombre.
Pour convertir explicitement une chaîne en entier, utilisez la méthode parseInt. Pour convertir explicitement une chaîne en nombre, utilisez la méthode parseFloat.
La durée de vie des variables JavaScript : une fois une variable déclarée à l'intérieur d'une fonction, elle ne peut être accédée que dans cette fonction. Lorsque la fonction est quittée, cette variable est annulée. Ce type de variable est appelé variable locale. Vous pouvez utiliser des variables locales portant le même nom dans différentes fonctions, car seule la fonction qui a déclaré la variable peut identifier chaque variable.
Si vous déclarez une variable en dehors d'une fonction, toutes les fonctions sur la page peuvent accéder à cette variable. La durée de vie de ces variables commence après leur déclaration et se termine lorsque la page est fermée.
Schéma cérébral des variables JavaScript
2.js types de données
Jscript en a trois->Types de données principaux, deux types->Types de données composés et deux types->Types de données spéciaux.
Types de données principaux (de base)
Chaîne
Numérique
Booléen
Types de données composés (références)
Objets
Tableaux
Types de données spéciaux
Null
`Undefined`
Type de données Chaîne : Le type de données chaîne est utilisé pour représenter du texte en JScript. Bien que les guillemets doubles (" ") et les guillemets simples (') puissent tous deux représenter une chaîne de caractères et qu'ils n'aient presque aucune différence, il est considéré comme le meilleur usage de ne utiliser que les guillemets doubles (" ") pour représenter une chaîne.
Une valeur de chaîne est une séquence de zéros ou plus de caractères Unicode (lettres, chiffres et signes de ponctuation).
Qu'est-ce que Unicode ?
Unicode fournit un nombre unique pour chaque caractère, peu importe la plateforme, le programme ou le langage. Le développement de Unicode vise à fournir un codage uniforme pour le traitement de tous les caractères existants dans le monde.
Type de données Numérique
Nous devons comprendre qu'à l'intérieur de JScript, tous les nombres sont représentés comme des valeurs flottantes, donc il n'y a pas de différence entre les entiers et les nombres flottants en Jscript.
Type de données Boolean
Les booléens (logiques) peuvent avoir deux valeurs uniquement : true ou false.
Tableaux et objets JavaScript
Voir plus de détails dans cet article->Résumé d'apprentissage de JavaScript - Partie sur les tableaux et les objets
Type de données Null : On peut effacer le contenu d'une variable en lui assignant null.
Dans Jscript, l'opérateur typeof rapporte null comme type Object, pas comme type null.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title></title> <script type="text"/javascript"> alert(typeof null); </script> </head> <body> </body> </html>
null est utilisé pour représenter un objet inexistant, souvent utilisé pour indiquer que une fonction essaie de renvoyer un objet inexistant.
Type de données indéfini :
Dans les cas suivants, la valeur retournée sera undefined :
L'attribut de l'objet n'existe pas,
Déclarer une variable mais ne jamais l'affecter.
La différence entre null et undefined
alert(typeof undefined); //output "undefined" alert(typeof null); //output "object" alert(null == undefined); //output "true"
ECMAScript considère que undefined est dérivé de null, donc ils sont définis comme égaux.
alert(null === undefined); //output "false" alert(typeof null == typeof undefined); //output "false"
Les types de null et undefined sont différents, donc l'output "false".
De plus, nous présentons ici un type de données important - les types de données de référence
Les types de données de référence
Les types de données de référence en JavaScript sont stockés dans des objets du tas de la mémoire, JavaScript ne permet pas d'accéder directement aux emplacements de la mémoire du tas et d'opérer sur la mémoire du tas, mais ne peut que passer par l'adresse de référence de l'objet dans la mémoire de la pile. Par conséquent, les données de type de référence sont stockées dans la mémoire de la pile, en réalité, l'adresse de référence de l'objet dans la mémoire du tas. Grâce à cette adresse de référence, il est possible de trouver rapidement l'objet stocké dans la mémoire du tas.
Nous allons maintenant démontrer ce processus d'affectation de type de données de référence.
Naturellement, donner obj2Ajouter l'attribut name, c'est-à-dire ajouter l'attribut name à l'objet du tas de la mémoire, obj2et obj1Ce qui est stocké dans la mémoire de la pile est l'adresse de référence de l'objet du tas, bien que cela soit une copie, mais l'objet pointé est le même. Par conséquent, la modification de obj2a causé obj1modification.
Les valeurs de type de base sont celles qui sont stockées dans des segments de données simples dans la pile de la mémoire, c'est-à-dire que cette valeur est complètement stockée à un seul emplacement dans la mémoire.
Les valeurs de type de référence sont celles qui sont stockées dans la mémoire du tas, c'est-à-dire que ce qui est réellement stocké dans la variable est un pointeur, ce pointeur pointant vers un autre emplacement dans la mémoire où l'objet est stocké.
En un mot, la mémoire du tas contient les valeurs de référence, tandis que la mémoire de la pile contient des valeurs de types fixes.
Dans ECMAScript, les variables peuvent exister sous deux types de valeurs, à savoir les valeurs primitives et les valeurs de référence.
Les valeurs primitives sont stockées dans des segments de données simples dans la pile (stack), ce qui signifie que leurs valeurs sont directement stockées à l'emplacement d'accès des variables. Les valeurs de référence sont stockées dans des objets sur le tas (heap), ce qui signifie que la valeur stockée à l'emplacement de la variable est un pointeur (pointeur), qui pointe vers l'emplacement mémoire où l'objet est stocké.
<script type="text"/javascript" var box = new Object(); //Créer un type de référence var box = "lee"; //Valeur de type de base est une chaîne box.age = 23; //Ajouter des propriétés à des valeurs de type de base est très étrange, car seules les objets peuvent ajouter des propriétés. alert(box.age); //Non de type de référence, impossible à afficher; </script>
3Opérateurs de .JScript
Priorité : l'ordre d'opérations des opérateurs, communément dit, quelle partie doit être calculée en premier.
Combinatoire : l'ordre de calcul des opérateurs de même priorité, communément dit, dans quel ordre commencer à calculer, est-il de gauche à droite ou de droite à gauche.
Conversion de type de données et types enveloppes de base
String() convertit en type chaîne
Number() convertit en type nombre
Boolean() convertit en type booléen
parseInt : convertit une chaîne en nombre entier. Commence l'analyse à partir du début de la chaîne, s'arrête à la première position non entière et retourne tous les entiers lus précédemment. Si la chaîne ne commence pas par un entier, retourne NaN. Par exemple : parseInt（"150 hi”） retourne la valeur :150，parseInt(“hi”) retourne la valeur : NaN.
parseFloat : convertit une chaîne en nombre flottant. Débute l'analyse à partir du début de la chaîne, s'arrête à la première position non entière et retourne tous les entiers lus précédemment. Si la chaîne ne commence pas par un entier, retourne NaN. Par exemple : parseFloat("15.5 hi") retourne la valeur :15.5，parseFloat("hi 15.5") retourne la valeur : NaN.
eval :Calcule la chaîne en tant qu'expression JavaScript et retourne le résultat de l'exécution, si il n'y a pas de résultat, retourne undefined.
Types enveloppes de base
Lorsque vous lisez une valeur de type de base, le moteur crée automatiquement un objet de type enveloppe correspondant pour pouvoir appeler certaines méthodes pour manipuler ces données. Les types enveloppes de base incluent Boolean, Number et String
var box = 'trigkit4'; //Littéral
box.name = 'mike'; //Propriétés invalides
box.age = function () { //Méthodes invalides
return 22;
};
//Notation de l'opérateur new
var box = new String('trigkit4');//Opérateur new
box.name = 'mike'; //Propriétés valides
box.age = function () { //Méthodes valides
return 22;
};
Le type String contient trois propriétés et de nombreuses méthodes intégrées disponibles
Propriété Description
length : retourne la longueur de la chaîne de caractères
Constructor : Fonction retournée par la création d'un objet String
prototype : Extension de la définition de la chaîne par l'ajout de propriétés et de méthodes
4.js contrôle du flux
Pour les instructions de contrôle du flux JS, je ne vais en parler que de quelques-unes qui sont difficiles à comprendre. D'autres ne seront pas décrites. Je joins une carte heuristique plus tard.
1.for...in statement correspond à chaque propriété d'un objet ou à chaque élément d'un array, et exécute un ou plusieurs statements.
for (variable in [object | array])
statements
Paramètres :
variable : Obligatoire. Une variable, qui peut être une propriété de l'objet ou un élément de l'array.
object, array : Optionnel. L'objet ou l'array sur lequel il faut itérer.
statement : Optionnel. Un ou plusieurs statements qui doivent être exécutés pour chaque propriété de l'objet ou chaque élément de l'array.
Bien que les instructions de contrôle des conditions (comme les instructions if) ne nécessitent l'utilisation de blocs de code (débutant par un accolade ouvrante `{` et se terminant par une accolade fermante `}`) que lorsque plusieurs instructions doivent être exécutées, la meilleure pratique consiste à toujours utiliser des blocs de code.
if(args)
alert(args);//Facile à faire des erreurs
if(args){
alert(args);//Recommandé d'utiliser
}
5.js fonction
Une fonction est un bloc de code réutilisable déclenché par des événements ou exécuté lorsqu'elle est appelée.
Jscript prend en charge deux types de fonctions : l'un est une fonction interne au langage, et l'autre est une fonction créée par soi-même.
Les fonctions JavaScript permettent de ne pas avoir de paramètres (mais les parenthèses contenant les paramètres ne peuvent pas être omises), et peuvent également transmettre des paramètres à la fonction pour utilisation.
Pour plus d'informations sur les fonctions, veuillez consulter mon autre article : grand résumé de l'apprentissage JavaScript (quatre) partie fonction fonction
Composition de l'objet
Méthode - Fonction : Processus, dynamique
Propriété - Variable : État, statique
Enfin, je joins une carte heuristique résumée par les ancêtres :
Ceci est le contenu intégral de cet article, j'espère que cela vous aidera dans votre apprentissage, et j'espère que vous continuerez à soutenir le tutoriel d'alarme.