Notes d'étude de grammaire de base JavaScript_compétences javascript

1. Définition
JavaScript est un langage de script (langage de programmation interprété) utilisé pour améliorer l'effet dynamique de la page et obtenir une interaction dynamique en temps réel entre la page et l'utilisateur. JavaScript se compose de trois parties : ECMA, DOM et BOM

[1] ECMAScript est défini par ECMA-262 et fournit les fonctions de base du langage (ECMA est l'Association européenne des fabricants d'ordinateurs)

[2] Modèle objet de document DOM, qui fournit une interface pour accéder et manipuler le contenu Web

[3] BOM Browser Object Model, une interface qui fournit des méthodes pour interagir avec le navigateur

2. Introduction
Il existe deux manières d'introduire javascript : intégrer du code js dans la page et introduire des fichiers externes

[1] Intégrer dans la page

<script>
  alert("My First JavaScript");
</script>

　[2]Présentation des fichiers js externes

[Note] L'élément 3f1c4e4b6b16bbbd69b2ee476dc4f83a avec l'attribut src ne doit pas contenir de code js supplémentaire entre ses balises 3f1c4e4b6b16bbbd69b2ee476dc4f83a Si du code intégré est inclus, seul le script externe sera téléchargé et exécuté et ignorera le code intégré.

<script src="myScript.js"></script>

3f1c4e4b6b16bbbd69b2ee476dc4f83a

Quelle que soit la méthode d'importation, vous devez utiliser la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a La balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a partage 6 attributs, parmi lesquels l'attribut langue a été abandonné

[1]src : Représente un fichier externe contenant du code à exécuter, qui peut traverser les domaines

[2] charset : facultatif, indiquant le jeu de caractères du code spécifié via l'attribut src. La plupart des navigateurs ignoreront

.

[3] defer : facultatif, indiquant que le script peut être retardé jusqu'à ce que le document soit complètement analysé et affiché avant l'exécution, valable uniquement pour les scripts externes

[4] async : facultatif, indiquant que le script doit être téléchargé immédiatement, mais n'entrave pas les autres opérations sur la page. Valable uniquement pour les scripts externes

　[5]type : facultatif, est un attribut alternatif du langage, indiquant le type de contenu du langage de script utilisé pour écrire le code, également connu sous le nom de type MIME. Compte tenu de la compatibilité, il s'agit généralement de text/javascript. Si elle n'est pas spécifiée, la valeur par défaut est également text/javascript

.

[6]langue : obsolète

asynchrone et différé

[1] Si ni async ni defer ne sont définis, le navigateur chargera et exécutera immédiatement le script spécifié

352b1442a1f39d4f49881b7e5087d9182cacc6d41bbb37262a98f745aa00fbf0
[2] Si seul async est défini, le navigateur téléchargera le script de manière asynchrone sans bloquer les autres opérations sur la page

[Note] Le script asynchrone doit être exécuté avant l'événement de chargement de la page

80430e714222ca8f2749e04af6c962952cacc6d41bbb37262a98f745aa00fbf0
[3] Si seul le report est défini, le script sera retardé jusqu'à ce que le document soit complètement analysé et affiché avant l'exécution

bdffe83d777e72fac9c98c818c0289f32cacc6d41bbb37262a98f745aa00fbf0

Remarques
Les commentaires peuvent améliorer la lisibilité du code et vous aider, vous et les autres, à lire et à comprendre le code Javascript. Le contenu des commentaires ne sera pas affiché sur la page Web et est divisé en commentaires sur une seule ligne et commentaires sur plusieurs lignes.

//单行注释
/*
多行注释
 */

Ignorer les espaces JavaScript ignorera les espaces supplémentaires. Vous pouvez ajouter des espaces au script pour améliorer sa lisibilité
.

//以下写法均正确
var name="hello";
var name ="hello";
var name = "hello";

Enveloppement de code
Vous pouvez utiliser des barres obliques inverses dans les chaînes de texte pour envelopper des lignes de code

//正确
document.write("Hello \
World!");
//错误
document.write \
("Hello World!"); 

Sensible à la casse
Les variables JavaScript, les noms de fonctions et les opérateurs sont sensibles à la casse. La fonction getElementById est différente de getElementbyID De même, les variables myVariable et MyVariable sont également différentes .

Mots et mots-clés réservés
ECMA-262 décrit un ensemble de mots-clés ayant des objectifs spécifiques. Ces mots-clés sont utilisés pour indiquer le début ou la fin d'une instruction de contrôle, ou pour effectuer des opérations spécifiques. des mots qui ne peuvent pas être utilisés comme identifiants ; ils pourraient devenir des mots-clés à l’avenir.

//第5版在非严格模式下的保留字
Class | enum | extends | super | const | export | import 
//第5版在严格模式下的保留字
Implements | package | public | interface | private | static | let* | protected | yield*