Salut les habitants ! JavaScript n'a jamais été aussi simple ! Vous apprendrez toutes les fonctionnalités d'un langage de programmation sans phrases courantes ni termes obscurs. Des exemples détaillés, des illustrations et des diagrammes seront clairs même pour un débutant. La présentation facile des informations et l'humour vif de l'auteur transformeront la mémorisation ennuyeuse en une pratique divertissante d'écriture de code. Lorsque vous atteignez le dernier chapitre, vous améliorerez vos compétences à tel point que vous pourrez résoudre presque tous les problèmes, qu'il s'agisse d'un simple mouvement d'éléments sur la page ou même de votre propre jeu par navigateur.
Voici une courte liste de ce que vous apprendrez :
• Comment organiser votre code à l'aide de variables.
• Comment les fonctions rendent votre code réutilisable.
• Comment travailler avec des boucles et des conditions.
• Quelles sont les portées globales et locales.
• Que sont les fermetures.
• Comment rédiger correctement les commentaires.
• Les principaux types d'objets que vous rencontrerez en JavaScript.
• Comment travailler avec du texte et effectuer des opérations de chaîne standard.
• Comment utiliser des tableaux pour traiter des listes.
• Comment créer vos propres objets.
À PROPOS DE LA PIZZA, DES TYPES, DES PRIMITIVES ET DES OBJETS
DANS CE CHAPITRE:
- nous analyserons l'essence et les caractéristiques des objets;
- Familiarisons-nous avec les types de base en JavaScript ;
- Découvrez que la pizza a non seulement bon goût, mais a également une valeur éducative.
Il est temps de passer aux choses sérieuses. Hyper sérieux ! Dans les derniers chapitres, nous avons exploré une variété de valeurs, notamment : les chaînes (texte), les nombres, les booléens (vrai et faux), les fonctions et d'autres éléments JavaScript intégrés.
Voici quelques exemples pour vous rafraîchir la mémoire :
let someText = "hello, world!";
let count = 50;
let isActive = true;
Contrairement à d'autres langages, JavaScript facilite la définition et l'utilisation de ces éléments intégrés. Nous n'avons même pas besoin de faire un plan pour leur utilisation future. Mais malgré toute sa simplicité, il y a beaucoup de détails cachés. Et leur connaissance est importante, car non seulement elle facilite la compréhension du code, mais accélère également l'identification des causes de ses dysfonctionnements.
Comme vous l'avez peut-être deviné, les éléments en ligne ne sont pas le meilleur moyen de décrire les différentes valeurs utilisées dans JS. Il existe un nom plus formel pour de telles valeurs, à savoir les types. Dans ce chapitre, nous commencerons par une introduction en douceur à leur essence et à leur objectif.
Va!
Parlons d'abord de la pizza
Puisque je mange constamment quelque chose (ou pense à quoi manger), je vais essayer d'expliquer le monde mystérieux des types en utilisant un exemple plus simple - le monde de la pizza.
Si vous ne l'avez pas mangé depuis longtemps, laissez-moi vous rappeler à quoi il ressemble :
Bien sûr, la pizza ne sort pas de nulle part comme ça. Il est créé à partir d'ingrédients simples et complexes :
Les ingrédients simples sont faciles à identifier. Ce sont des champignons et des jalapenos. La raison pour laquelle nous les appelons simples est qu'ils ne peuvent pas être décomposés en leurs composants :
Ils ne sont pas fabriqués ou assemblés à partir d'autres composants.
Les ingrédients complexes comprennent le fromage, la sauce, la base de pâte et le pepperoni. Ce qui les rend difficiles, c'est qu'ils sont fabriqués à partir d'autres ingrédients :
Malheureusement, les ingrédients comme le fromage et le pepperoni ne sont jamais faciles. Pour les préparer, vous devez mélanger, faire frire et ajouter divers composants. De plus, leur préparation ne se limite pas à mélanger des ingrédients simples, mais peut également nécessiter des combinaisons complexes.
De la pizza à JavaScript
Tout ce que nous avons appris sur la pizza dans la section précédente était pour une bonne raison. La description des ingrédients simples et complexes est tout à fait applicable aux types en JavaScript. Chaque ingrédient individuel peut être considéré comme un analogue du type que vous pouvez utiliser (Figure 12.1).
Comme le fromage, la sauce, le pepperoni, les champignons et le bacon dans notre pizza, les types en JavaScript sont string, number, boolean, null, undefined, bigint. , symbol (symboles) et Object (object). Certains de ces types vous sont peut-être déjà familiers, d'autres non. Nous les examinerons plus en détail à l'avenir, maintenant dans le tableau. 12.1 vous pouvez voir une brève description de leur objectif.
Comme nous pouvons le voir, chaque type a son propre objectif unique. Dans le même temps, comme les ingrédients de la pizza, ils sont également divisés en simples et complexes. Seulement dans la terminologie JavaScript, les types simples et complexes sont appelés respectivement primitifs (types primitifs) et objets (types d'objets).
Les types primitifs incluent string, number, boolean, null, bigint, symbol et undefined. Toutes les valeurs relevant de leur compétence ne sont pas sujettes à division en parties. Ce sont des jalapenos et des champignons dans le monde JavaScript. Les primitives sont assez faciles à définir et à formater en éléments faciles à comprendre. Il n'y a aucune profondeur en eux, et lorsque nous les rencontrons, nous obtenons généralement ce que nous voyons au départ.
Les types d'objets, représentés par Objet dans le tableau ci-dessus, sont plus énigmatiques. Par conséquent, avant de passer à la description des détails de tous les types répertoriés, il convient de considérer séparément ce que sont exactement les objets.
Qu'est-ce qu'un objet ?
Le principe des objets dans les langages de programmation comme JavaScript capture parfaitement leur analogie avec la vie réelle, dans laquelle nous sommes tous littéralement entourés d'objets. Il s'agit notamment de votre ordinateur, du livre sur l'étagère, de la pomme de terre (controversée), du réveil, de l'affiche commandée sur eBay, etc. Vous pouvez continuer indéfiniment.
Certains objets comme les presse-papiers sont de peu d'utilité et peuvent être inactifs pendant longtemps.
D'autres objets, comme un téléviseur, dépassent déjà la simple existence et remplissent de nombreuses tâches :
Un téléviseur ordinaire reçoit un signal, vous permet de l'allumer et de l'éteindre, de changer de chaîne, de régler le volume, etc.
Il est important de comprendre ici que les objets ont des formes, des tailles et des usages différents. Malgré ces différences, au niveau supérieur, elles sont toutes identiques et représentent une abstraction. Ils permettent de les utiliser sans s'interroger sur leur structure interne. Même les objets les plus simples cachent un certain niveau de complexité dont vous n'avez pas à vous soucier.
Par exemple, peu importe ce qui se passe exactement à l'intérieur du téléviseur, comment les fils sont soudés ou quel type de colle a été utilisé pour connecter les pièces. Rien de tout cela n'a d'importance. Tout ce qui vous intéresse, c'est que le téléviseur remplisse son rôle. Il doit régulièrement changer de chaîne, permettre de régler le volume, etc. Le reste c'est des soucis inutiles.
Fondamentalement, un objet peut être considéré comme une boîte noire. Il y a un certain nombre d'actions prédéfinies / décrites qu'il effectue. Voir comment il fait n'est pas assez facile. En fait, cela ne vous intéresse pas tant qu'il fait tout correctement. Nous changerons d'avis à ce sujet plus tard lorsque nous apprendrons à créer l'intérieur d'un objet, mais pour l'instant, profitez de la simplicité de ce monde.
Objets prédéfinis en JavaScript
En plus des types intégrés répertoriés précédemment, JS est également livré avec des objets prédéfinis prêts à l'emploi. Ces objets vous permettent de travailler avec n'importe quoi, y compris des ensembles de données, des dates, du texte et des nombres. Tableau 12.2 fournit une liste similaire à la précédente, décrivant leur objectif :
L'utilisation d'objets intégrés est légèrement différente de l'utilisation de primitives. Chaque objet à cet égard est spécial à sa manière. Je vais reporter une explication détaillée de toutes ces fonctionnalités d'utilisation pour plus tard, mais ici je vais donner un extrait de code court avec un commentaire qui montrera les options possibles :
//
let names = ["Jerry", "Elaine", "George", "Kramer"];
let alsoNames = new Array("Dennis", "Frank", "Dee", "Mac");
//
let roundNumber = Math.round("3.14");
//
let today = new Date();
// boolean
let booleanObject = new Boolean(true);
//
let unquantifiablyBigNumber = Number.POSITIVE_INFINITY;
// string
let hello = new String("Hello!");
Vous pouvez être quelque peu confus que les primitives string, boolean, symbol, bigint et number puissent également exister sous la forme d'objets. Extérieurement, cette forme d'objet ressemble beaucoup à la forme primitive. Voici un exemple :
let movie = "Pulp Fiction";
let movieObj = new String("Pulp Fiction");
console.log(movie);
console.log(movieObj);
Lorsque vous affichez les deux options, vous verrez le même résultat. En interne, cependant, movie et movieObj sont assez différents. Le premier est littéralement une primitive de type string et le second est de type Object. Cela conduit à un comportement intéressant (et parfois déroutant), que je présenterai progressivement au fur et à mesure que j'explorerai les types intégrés.
, , . , , . . , . , .
, . , .
Plus de détails sur le livre se trouvent sur le site de la maison d'édition
» Table des matières
de Extrait
version électronique du livre - couleur
Pour visiteurs une réduction de 25% sur votre coupon - JavaScript
Au moment du paiement pour la version papier du livre, e -le livre est envoyé par e-mail.