Maison  >  Article  >  interface Web  >  Résumé de l'apprentissage JavaScript [1] Première introduction à JS

Résumé de l'apprentissage JavaScript [1] Première introduction à JS

黄舟
黄舟original
2017-02-09 14:27:491150parcourir

1. Qu'est-ce que JavaScript ?

JavaScript est un langage interprété multiplateforme, orienté objet, dynamique, faiblement typé et léger. Il s'agit d'un langage de script côté client basé sur des objets et des événements et relativement sûr. Appliqué aux documents HTML, il peut offrir des capacités d'interaction dynamique sur le site Web, différentes de Java. En termes simples, il traite les documents HTML basés sur le navigateur, implémente divers effets spéciaux de page Web, répond à diverses opérations de l'utilisateur, ajoute des effets dynamiques à la page Web et améliore l'expérience de fonctionnement de l'utilisateur, comme les effets de lecture de défilement d'image, en cliquant sur la connexion. pour faire apparaître une boîte de dialogue et déplacer la souris vers l'intérieur et l'extérieur. Animation, validation des données de soumission du formulaire, etc.

2. Pourquoi devriez-vous apprendre JavaScript ?

JavaScript est souvent appelé JS. Le but de son invention est de servir de langage de script intégré pour les navigateurs, offrant aux développeurs Web la possibilité de contrôler les navigateurs. Il peut permettre aux pages Web de présenter divers effets spéciaux. . Offrez une expérience interactive conviviale. Avec l'émergence de la technologie Ajax, le front-end peut échanger des données avec le back-end et mettre à jour les données de la page sans actualiser la page. La popularité de jQuery et d'autres bibliothèques a rendu l'écriture JS extrêmement simple, et le framework Bootstrap a réduit à l'infini le travail. Coût du front-end. Cela améliore considérablement l'efficacité du développement front-end, et JS a un très bel avenir dans le domaine du front-end.

Avec la sortie de Node, JS peut non seulement fonctionner sur le front-end, mais aussi sur le serveur. Il s'agit d'une avancée qualitative pour JS. Le projet Node.js permet d'utiliser JS pour développer des projets côté serveur à grande échelle. Il est devenu une réalité que le front et le back-end du site Web soient développés avec JS.

À ce stade, JS peut non seulement être analysé par le navigateur, mais peut également être utilisé comme langage back-end. De plus en plus d'applications utilisent JS comme langage de script intégré, qui peut être utilisé pour créer. Les applications mobiles et le développement de jeux HTML peuvent être créés en tant qu'applications de bureau sans recourir à un navigateur.

On peut s'attendre à ce qu'en fin de compte, en utilisant uniquement JS, vous puissiez développer des programmes qui s'adaptent à différentes plates-formes (y compris les ordinateurs de bureau, les serveurs et les ordinateurs de poche). Dans un blog publié par Jeef Atwood, il propose la fameuse « loi d'Atwood », c'est-à-dire que « toute application pouvant être implémentée en JavaScript sera finalement implémentée en JavaScript ».

Comparé à l'apprentissage d'autres langages, JS est facile à apprendre. Tant que vous disposez d'un navigateur, vous pouvez exécuter des programmes JS, et tant que vous disposez d'un éditeur de texte, vous pouvez écrire du code JS. Pas besoin d’installer des IED (Integrated Development Environments) et des compilateurs complexes. La syntaxe de JS est relativement simple. La syntaxe elle-même n'est pas particulièrement riche et le langage est flexible. Vous pouvez effectuer la plupart des opérations avec uniquement des commandes simples.

Bien que la syntaxe de base de JS ne soit pas difficile à apprendre, il n'est pas facile de vraiment l'apprendre à fond. Au fur et à mesure que vous apprenez, vous deviendrez de plus en plus conscient de sa puissance. Pour que JS fonctionne, il doit coopérer avec d'autres composants. Ces composants externes sont divers et très nombreux, impliquant tous les aspects des applications réseau, tels que les composants de l'éditeur, les composants de suivi fournis par l'espace QQ, etc. Il n'est pas facile de les maîtriser. et doit être téléchargé. Le langage JS présente quelques défauts de conception et des résultats d'exécution étranges se produiront à certains endroits. Les navigateurs grand public ont une prise en charge différente pour JS. La compatibilité est la chose la plus gênante. L'apprentissage de JS nécessite une grande partie de votre temps.

Malgré cela, le statut de JS reste inébranlable. Dans le classement mondial de l'utilisation des langues publié en 2015, JS se classe septième, ce qui représente une amélioration par rapport à l'année dernière. Ecma (qui établit la norme pour les langages de script via Ecma-262) a accéléré la standardisation du langage, rendant JS de plus en plus puissant, tandis que les défauts grammaticaux et les bizarreries ont également été compensés. Depuis cette année, la dernière version de JS. est ECMAScript 2015, également appelé ES6, qui a ajouté de nombreuses nouvelles fonctionnalités. Par conséquent, JS vaut toujours la peine d'être appris, non seulement pour le maîtriser, mais aussi pour bien l'apprendre, en particulier pour les ingénieurs de développement Web front-end.

3. Composition JavaScript

JS se compose de trois parties :

ECMAScript : également appelé interpréteur, il fait office de traducteur, qui est le noyau de la partie JS.

DOM : Modèle Objet de Document. DOM donne à JS la possibilité d'exploiter le HTML, c'est-à-dire l'exploitation des documents.

BOM : Modèle objet du navigateur. BOM donne à JS la possibilité de faire fonctionner le navigateur, c'est-à-dire le fonctionnement des fenêtres.

4. Utilisation de JavaScript

 Les scripts HTML doivent être situés entre les balises <script></script> Vous pouvez placer un nombre illimité de scripts dans un document HTML. Le script peut se trouver dans la zone ou du code HTML, ou dans les deux. L'approche habituelle consiste à placer la fonction dans ou en bas de la page afin qu'elle n'interfère pas avec le contenu de la page.

Vous pouvez également enregistrer le script dans un fichier externe avec une extension .js. Les fichiers externes contiennent généralement du code utilisé par plusieurs pages Web. Remarque : Lors de l'utilisation de scripts externes, la balise