Introduction à Javascript et Solidity – Partie 1: Javascript

Ethereum a gagné une niche unique dans le cryptospace en tant que plate-forme de contrat intelligent. Les développeurs du monde entier peuvent créer leurs propres applications décentralisées au-dessus de la blockchain Ethereum. Cependant, pour ce faire, les développeurs doivent être très familiarisés avec la solidité, le langage utilisé pour coder les contrats intelligents..

Introduction à Javascript et Solidity Partie 1

Introduction à Javascript et Solidity

Le but de ce guide est d’éclaircir vos bases en solidité. Si vous souhaitez un cours plus avancé, nous vous suggérons de suivre nos cours de solidité. Ce guide ne fera que clarifier vos bases.

Donc, avant de commencer la solidité, il y a deux choses que vous devez savoir:

  • Les bases de la blockchain Ethereum
  • Les bases de JavaScript

Si vous souhaitez apprendre les bases de la technologie blockchain et d’Ethereum en général, vous pouvez consulter nos guides pour clarifier cela pour vous..

#Crypto ExchangeBenefits

1

Binance
Best exchange


VISIT SITE
  • ? The worlds biggest bitcoin exchange and altcoin crypto exchange in the world by volume.
  • Binance provides a crypto wallet for its traders, where they can store their electronic funds.

2

Coinbase
Ideal for newbies


Visit SITE
  • Coinbase is the largest U.S.-based cryptocurrency exchange, trading more than 30 cryptocurrencies.
  • Very high liquidity
  • Extremely simple user interface

3

eToro
Crypto + Trading

VISIT SITE
  • Multi-Asset Platform. Stocks, crypto, indices
  • eToro is the world’s leading social trading platform, with thousands of options for traders and investors.

Alors, maintenant nous arrivons au deuxième point.

Pourquoi avez-vous besoin des connaissances de base de JavaScript?

Premièrement, comme l’indique le document de solidité, il est influencé par JavaScript. Deuxièmement, comme beaucoup de gens l’ont noté, la solidité est assez similaire à JavaScript en ce qui concerne la syntaxe. La raison en est assez simple.

JavaScript est l’un des langages les plus demandés et les plus populaires au monde. Les fondateurs d’Ethereum ont estimé que s’ils modélisaient la solidité après JavaScript, les développeurs pourraient la récupérer plus rapidement. Commençons donc par JavaScript avant de plonger dans la solidité, que nous aborderons dans la partie 2 de cet article.

Introduction à Javascript et Solidity

#CRYPTO BROKERSBenefits

1

eToro
Best Crypto Broker

VISIT SITE
  • Multi-Asset Platform. Stocks, crypto, indices
  • eToro is the world’s leading social trading platform, with thousands of options for traders and investors.

2

Binance
Cryptocurrency Trading


VISIT SITE
  • ? Your new Favorite App for Cryptocurrency Trading. Buy, sell and trade cryptocurrency on the go
  • Binance provides a crypto wallet for its traders, where they can store their electronic funds.

#BITCOIN CASINOBenefits

1

Bitstarz
Best Crypto Casino

VISIT SITE
  • 2 BTC + 180 free spins First deposit bonus is 152% up to 2 BTC
  • Accepts both fiat currencies and cryptocurrencies

2

Bitcoincasino.io
Fast money transfers


VISIT SITE
  • Six supported cryptocurrencies.
  • 100% up to 0.1 BTC for the first
  • 50% up to 0.1 BTC for the second

JavaScript a été créé par Brendan Eich, qui recherchera plus tard Mozilla Firefox et le navigateur Brave. JavaScript ou JS est un langage de programmation léger, dynamique et orienté objet. JavaScript, avec HTML et CSS forment les 3 piliers de la conception Web. HTML aide à mettre du contenu sur votre site Web tandis que CSS vous aide avec la mise en page de conception.

Alors, que fait exactement JS?

Avant l’arrivée de JavaScript, les sites Web étaient extrêmement statiques. JavaScript a amené l’ère des sites Web plus conviviaux et dynamiques. Lorsque vous gardez cela dans son contexte et que vous réalisez à quel point les affaires sont effectuées en ligne, vous pouvez voir pourquoi vous pouvez défendre si fortement Javascript. JS a rendu les sites Web plus conviviaux à lui seul.

Même si à l’origine JavaScript était censé être un script côté client, plusieurs implémentations telles que node.js ont également permis une implémentation côté serveur. JavaScript est officiellement géré par Mozilla Foundation et de nouvelles fonctionnalités linguistiques sont ajoutées périodiquement.

Fonctionnalités de JavaScript

Voici les fonctionnalités de JavaScript

  • Tous les navigateurs modernes ont un moteur JavaScript intégré. En fait, nous examinerons cela de plus près plus tard
  • JavaScript a une syntaxe de programmation structurée et a une portée fonctionnelle et de bloc. Ne vous inquiétez pas, nous couvrirons la portée dans un instant
  • JavaScript est typé dynamiquement. Cela signifie qu’une variable qui stockait des valeurs entières il y a un instant peut stocker une chaîne pendant l’exécution
  • JavaScript est un langage de programmation orienté objet. Nous allons couvrir cela dans un peu
  • JavaScript est un langage fonctionnel. Donc, il prend en charge la modulation via des fonctions
  • JavaScript prend également en charge la délégation implicite et explicite.
  • JavaScript est sensible à la casse, donc “largeur” ​​est différent de “Largeur”.

D’accord, alors examinons simplement chacune de ces fonctionnalités en détail.

Caractéristique n ° 1: navigateurs avec JS intégré

Nous allons utiliser Google Chrome pour cela.

Ouvrez simplement un nouvel onglet sur votre navigateur. Faites un clic droit n’importe où dans le navigateur et cliquez sur «Inspecter».

Introduction à Javascript et Solidity (Blockgeeks)

Au moment où vous cliquez dessus, vous allez voir cette fenêtre:

Introduction à Javascript et Solidity (Blockgeeks)

Il s’agit de la console intégrée dans les navigateurs Google Chrome. Afin de bricoler avec les outils JS, vous pouvez simplement vous rendre sur la partie Console. Qui est ici:

Introduction à Javascript et Solidity (Blockgeeks)

Très bien… alors commençons à coder!!!

Vous pouvez faire des opérations mathématiques simples ici:

Introduction à Javascript et Solidity (Blockgeeks)

Ou, si vous le souhaitez, vous pouvez faire le programme simple «Hello World» ici.

Pour cela, nous allons taper “console.log (” Hello World “);”

Introduction à Javascript et Solidity (Blockgeeks)

«Console.log ()» est la fonction qui nous permet d’imprimer les sorties sur la console. Notez également comment nous avons terminé la fonction avec «;». Dans JS, vous devez utiliser le point-virgule pour terminer les instructions.

Au moment où vous entrez la commande et appuyez sur «Entrée», vous allez obtenir cette sortie dans la console elle-même.

Il est intéressant de noter que si vous voulez que la sortie apparaisse sur votre écran, vous pouvez simplement utiliser la fonction «alert ()». Donc, si vous tapez “alerte (” Hello World “);” sur votre console alors vous verrez ceci.

Introduction à Javascript et Solidity (Blockgeeks)

C’est plutôt cool?

Maintenant, nous voulions simplement vous familiariser avec la forme de programmation la plus basique pour vous montrer le moteur JS dans les navigateurs. Nous approfondirons la programmation un peu plus tard.

Caractéristique n ° 2: cadrage fonctionnel et de bloc

Afin de comprendre la différence entre la portée fonctionnelle et la portée de bloc, vous devez en savoir un peu plus sur la déclaration de variable dans JS.

En C ++, lorsque vous souhaitez déclarer une variable entière, vous pouvez le faire:

int a;

En Java, vous n’avez pas à vous soucier du type de données individuel, car le langage est typé dynamiquement. Vous avez trois options que vous pouvez utiliser pour déclarer votre variable: var, let et const.

Var

Var est un moyen très simple d’affecter et de variables.

var a = 10;

console.log (a);

// il retourne

dix

a = 20;

// pour afficher la réaffectation dynamique

console.log (a);

20

Donc, var semble assez simple, non?

Cependant, il n’est plus considéré comme une bonne pratique d’utiliser var dans la programmation car les variables var sont une «portée de fonction». Cela signifie que les variables var sont déclarées à l’intérieur d’une fonction alors elles ne sont disponibles qu’à l’intérieur de la fonction, ou si elles ne sont pas créées à l’intérieur d’une fonction, elles sont «globalement scoped», ce qui signifie qu’elles sont disponibles partout.

Voyons comment cela fonctionne. Considérez le programme suivant (tiré de Cet article):

function setWidth () {

var largeur = 100;

console.log (largeur);

}

largeur;

Si vous essayez d’exécuter ce programme, vous verrez l’erreur suivante.

Introduction à Javascript et Solidity (Blockgeeks)

Pouvez-vous deviner pourquoi?

La «largeur» que nous avons déclarée comme «var» a été déclarée à l’intérieur de la fonction. C’est pourquoi, il n’est valable que dans le cadre de la fonction et nulle part ailleurs.

De même, maintenant nous avons l’autre extrême.

Considérez le code suivant:

var age = 100;

si (âge > 12) {

var dogYears = âge * 7;

console.log (`Vous avez $ {dogYears} années de chien!`);

}

Deux choses que vous devez noter à propos du code ci-dessus.

Premièrement, l’utilisation de «$ (dogYears)», cela garantit que vous imprimez la valeur de la variable. Deuxièmement, les variables var ne sont pas déclarées dans une fonction. Pour cette raison, ils ne sont pas liés par une portée et peuvent donc être appelés même après l’exécution.

Vous avez 700 ans de chien!

Cependant, maintenant si vous allez sur la console et appelez dogYears, il vous en renverra 700.

Sais-tu pourquoi c’est arrivé?

En ne déclarant pas la variable à l’intérieur d’une fonction, nous l’avons rendue globale.

Gardez cela à l’esprit pour référence future, var n’est pas limité aux accolades. C’est la fonction qui définit la portée.

C’est pourquoi, au lieu de var, nous utilisons let et const.

Pourquoi utiliser let et const?

En contraste frappant, let et const sont scoper vers un bloc qui fonctionne. Un bloc est défini comme un ensemble d’accolades ouvrantes “{” et fermantes “}”.

Donc, si nous avions déclaré dogYears avec “let” par opposition à “var”, que pensez-vous qu’il va se passer?

var age = 100;

si (âge > 12) {

laissez dogYears = age * 7;

console.log (`Vous avez $ {dogYears} années de chien!`);

}

Il est déclaré dans un bloc «if», donc la durée de vie de cette variable est terminée dès que le bloc se termine.

Remarque: Nous allons couvrir la fonction if-else dans un peu.

Donc, maintenant, lorsque vous exécutez ce programme (à l’intérieur du code visuel) et appelez dogYears dans la console, vous obtiendrez le message suivant:

“Uncaught ReferenceError: dogYears n’est pas défini.”

Vous pouvez également utiliser const au lieu de let pour déclarer ces variables. Cependant, l’utilisation de const rend vos variables immuables. Donc, si vous prévoyez de modifier la valeur pendant l’exécution, vous obtiendrez une erreur:

Introduction à Javascript et Solidity (Blockgeeks)

Fonction n ° 3: typé dynamiquement

Le typage dynamique signifie que les variables peuvent changer de type tout au long de l’exécution du programme. Donc, si vous avez une variable qui stocke une chaîne, pendant l’exécution, elle peut également stocker un entier.

Alors, allez sur votre console et exécutez ceci:

soit var2 = 10;

var2 = “Bonjour”;

Si vous appelez var2 maintenant, il renverra “Hello”, même si vous l’avez initialement déclaré avec un entier.

En fait, pourquoi ne pas faire quelque chose de plus en profondeur et observer comment la variable change d’état?

Pour cela, nous utilisons la fonction «typeof ()». Cette fonction vous indique spécifiquement quel est le type de variable que vous utilisez. Considérons maintenant le même exemple que nous avons donné ci-dessus.

Introduction à Javascript et Solidity (Blockgeeks)

Ainsi, lorsque var2 contenait un nombre, son type était nombre. Cependant, au moment où il a stocké «Hello», il est devenu une chaîne.

Caractéristique n ° 5: langage de programmation orienté objet

JavaScript est un langage de programmation orienté objet (POO) par opposition à un langage orienté processus. Les langages orientés processus comme C utilisaient des programmes dans lesquels une liste d’instructions agissant sur la mémoire.

Les POO, par contre, permettent la création d’un plan appelé «classe» à partir duquel on peut générer des objets qui peuvent interagir les uns avec les autres. Ces objets exécutent le programme.

Maintenant, il y a quatre piliers pour les POO:

  • Encapsulation
  • Abstraction
  • Polymorphisme
  • L’héritage

Introduction à Javascript et Solidity (Blockgeeks)

Encapsulation

L’encapsulation est l’idée de regrouper les données et la fonction dans une seule unité. L’idée est de masquer l’état initial des objets et de tout lier dans un pack solide.

Abstraction

L’abstraction signifie qu’un utilisateur peut utiliser le programme sans entrer dans les complications derrière lui.

Pensez à une voiture.

Lorsque vous conduisez une voiture, tout ce qui vous importe est de mettre votre clé et de manœuvrer le véhicule de manière à ne rien heurter d’autre. Vous ne vous souciez pas du fonctionnement des moteurs et de la façon dont l’allumage brûle votre carburant.

Héritage

L’héritage est l’une des propriétés les plus importantes des POO.

L’héritage permet à un objet ou à une classe de se baser sur un autre objet ou une classe et de conserver certaines de ses implémentations. Dans la plupart des langages orientés objet basés sur des classes, un objet créé par héritage acquiert la plupart des propriétés et des comportements de l’objet parent

Polymorphisme

Le polymorphisme est la propriété par laquelle un opérateur du langage peut avoir plus d’une propriété. L’exemple le plus célèbre de ceci est «+». Non seulement il est utilisé comme opérateur d’addition mathématique, mais il peut également être utilisé pour combiner deux chaînes en une. C’est ce qu’on appelle la concaténation.

Introduction à Javascript et Solidity (Blockgeeks)

Fonctionnalité n ° 6: Délégation implicite et explicite

La délégation signifie essentiellement qu’un objet peut être défini dans les termes d’un autre objet. Délégation signifie à peu près la délégation de responsabilité. Désormais, la délégation peut être à la fois explicite ou implicite.

Avec la délégation explicite, un objet peut explicitement déléguer un message à tout autre objet dont il a connaissance. Avec la délégation implicite, un objet peut désigner explicitement un autre objet comme son «parent». Les messages qui ne sont pas compris par l’objet récepteur sont automatiquement (implicitement) délégués à ce parent.

La délégation implicite peut être divisée en deux catégories supplémentaires:

  • Délégation imprévue, où la structure de délégation peut être modifiée de manière dynamique pendant l’exécution.
  • Délégation anticipée, dans laquelle les objets ne peuvent pas modifier l’objet parent dont ils ont hérité pendant leur durée de vie.

Avant de commencer le codage

Maintenant que nous en avons terminé avec la théorie, pour la plupart, commençons à coder! Afin d’exécuter ces programmes, vous aurez besoin d’un environnement dans lequel vous pouvez les exécuter.

Nous utiliserons le code Visual Studio. Pour ce faire, allez à code.visualstudio.com et téléchargez la dernière version de Visual Studio.

Une fois que vous avez terminé l’installation, vous verrez cet écran.

Introduction à Javascript et Solidity (Blockgeeks)

Maintenant, allez sur File ->Ouvert

Après cela, vous devez créer un dossier. Appelons ce dossier “Blockgeeks-JS”.

Introduction à Javascript et Solidity (Blockgeeks)

Après cela, vous devez faire deux choses:

Introduction à Javascript et Solidity (Blockgeeks)

Et après avoir cliqué sur ce bouton, créez un fichier appelé “index.html”.

Introduction à Javascript et Solidity (Blockgeeks)

Sur la première ligne de code de ce nouveau fichier, tapez «!» suivi d’un onglet.

Introduction à Javascript et Solidity (Blockgeeks)

Au moment où vous faites cela, vous verrez un bloc de code HTML apparaître à l’écran. Vous n’avez pas vraiment besoin de vous soucier de ce code. Il s’agit essentiellement de fournir un hôte où nous pouvons utiliser notre code JS.

Après cela, cliquez sur le bouton des extensions comme indiqué ci-dessous:

Introduction à Javascript et Solidity (Blockgeeks)

Recherchez maintenant «Live Server» et installez l’extension.

Introduction à Javascript et Solidity (Blockgeeks)

Une fois installé, accédez à votre fichier «index.html» et sélectionnez «Ouvrir avec Live Server».

Introduction à Javascript et Solidity (Blockgeeks)

Ce que cela fait maintenant, c’est qu’il vous permet d’exécuter les programmes JS dans votre navigateur par défaut. En fait, au moment où vous choisissez cette option, un nouvel onglet devrait s’ouvrir sur votre navigateur.

Très bien, examinons maintenant notre code HTML dans “index.html”.

<!DOCTYPE html>

<html lang ="fr">

<tête>

<meta charset ="UTF-8">

<nom méta ="fenêtre" contenu ="width = largeur de l’appareil, échelle initiale = 1.0">

<meta http-equiv ="Compatible X-UA" contenu ="ie = bord">

<Titre>Titre du document>

tête>

<corps>

corps>

html>

Vous pouvez maintenant commencer à coder dans la zone du corps. Par exemple. ajoutons une balise d’en-tête dans la zone du corps et remplissons-la avec du contenu.

<!DOCTYPE html>

<html lang ="fr">

<tête>

<meta charset ="UTF-8">

<nom méta ="fenêtre" contenu ="width = largeur de l’appareil, échelle initiale = 1.0">

<meta http-equiv ="Compatible X-UA" contenu ="ie = bord">

<Titre>Titre du document>

tête>

<corps>

<h1> BIENVENUE CHEZ BLOCKGEEKS! H1>

corps>

html>

Maintenant, enregistrez ce fichier et regardez le nouvel onglet qui s’est ouvert.

C’est plutôt cool!

Alors, commençons maintenant avec du JavaScript.

Dans le corps, juste en dessous de la balise d’en-tête, ajoutons la balise de script et imprimons “Hello World” sur la console.

<!DOCTYPE html>

<html lang ="fr">

<tête>

<meta charset ="UTF-8">

<nom méta ="fenêtre" contenu ="width = largeur de l’appareil, échelle initiale = 1.0">

<meta http-equiv ="Compatible X-UA" contenu ="ie = bord">

<Titre>Titre du document>

tête>

<corps>

<h1> BIENVENUE CHEZ BLOCKGEEKS! H1>

<scénario> console.log (“Hello World”); script>

corps>

html>

Après cela, allez simplement dans l’onglet. Cliquez dessus avec le bouton droit de la souris et choisissez «inspecter», puis accédez à l’onglet de la console comme nous vous l’avons déjà montré.

Voici ce que vous verrez:

REMARQUE: La raison pour laquelle nous avons placé la partie script dans la section Corps au lieu de la section Head est que nous ne voulons pas que JavaScript s’exécute avant même que le contenu du site ne soit chargé..

Désormais, les bonnes pratiques de programmation standard indiquent que vous ne devez pas coder d’éléments JS dans le programme HTML. La partie HTML et la partie JS doivent être séparées.

De plus, les scripts peuvent devenir très longs et compliqués, il n’est donc pas logique d’essayer de presser tout le code à l’intérieur du code HTML.

C’est pourquoi nous allons créer un autre nouveau fichier et le nommer «index.js».

Introduction à Javascript et Solidity (Blockgeeks)

Dans cette partie, nous allons mettre tout ce que nous avons mis dans la balise script, à savoir:

Cependant, le fichier «index.html» est le fichier principal. Nous devrions mettre une autre ligne de code qui aide le fichier principal à faire référence au fichier JS. La façon dont nous allons le faire est de faire une légère modification.

<!DOCTYPE html>

<html lang ="fr">

<tête>

<meta charset ="UTF-8">

<nom méta ="fenêtre" contenu ="width = largeur de l’appareil, échelle initiale = 1.0">

<meta http-equiv ="Compatible X-UA" contenu ="ie = bord">

<Titre>Titre du document>

tête>

<corps>

<h1> BIENVENUE CHEZ BLOCKGEEKS! H1>

<script src = “index.js”>scénario>

corps>

html>

Cela permet d’afficher le programme HTML où se trouve exactement le programme JS. Assurez-vous également de TOUJOURS ENREGISTRER vos fichiers .html et .js.

Cela permet d’afficher le programme HTML où se trouve exactement le programme JS.

Assurez-vous également de TOUJOURS ENREGISTRER vos fichiers .html et .js.

Très bien, cela couvre à peu près les bases. Faisons un peu de codage!

Codage simple

# 1 Opérations mathématiques

Faisons quelques opérations mathématiques de base sur JS.

soit a = 10;

soit b = 20;

soit c = 30;

soit d = a + b * c;

console.log (d);

Quelle sera selon vous la réponse?

Pensez-vous que la réponse est 900?

Eh bien, exécutons le programme et voyons ce que nous obtenons?

Introduction à Javascript et Solidity (Blockgeeks)

610.

Pourquoi pensez-vous que nous avons cela?

Vous voyez, au lieu d’aller de gauche à droite, JS suit le PEMDAS où:

P = parenthèse

E = exposant

M = multiplication

D = Division

A = addition

S = soustraction

Ainsi, l’opération suit cet ordre de priorité dans un ordre croissant:

P

E

MARYLAND

COMME

La multiplication et la division ont le même ordre de préférence. Tout comme l’addition et la soustraction.

# 2 Tableaux

Un tableau est une structure de données qui contient un groupe d’éléments. En règle générale, ces éléments sont tous du même type de données (pas nécessaire dans le cas de JavaScript), comme un entier ou une chaîne. Les tableaux sont couramment utilisés dans les programmes pour organiser les données afin qu’un ensemble de valeurs associé puisse être facilement trié ou recherché.

Consultez le code ci-dessous:

let names = [‘Mark’, ‘Will’];

console.log (noms);

Introduction à Javascript et Solidity (Blockgeeks)

Vous voyez cette flèche à côté de «(2)»? Lorsque vous cliquez dessus, il se développe pour révéler ce qui suit:

Selon ce:

  • La longueur du tableau est de 2 car il comporte deux éléments
  • L’index du premier élément «Mark» est 0
  • L’indice du deuxième élément «Will» est 1

Nous pouvons également ajouter dynamiquement des éléments au tableau pendant l’exécution. Découvrez-le ici:

let names = [‘Mark’, ‘Will’];

names [2] = ‘Kumar’;

console.log (noms);

Lorsque vous imprimez ceci dans la console, vous obtiendrez:

Comme vous pouvez le voir, nous avons développé le tableau d’un seul élément lors de l’exécution. Désormais, en Javascript, vous n’avez plus besoin d’ajouter le même type de données. Que diriez-vous d’ajouter un nombre au tableau?

let names = [‘Mark’, ‘Will’];

names [2] = ‘Kumar’;

noms [3] = 1;

console.log (noms);

La sortie ressemble maintenant à ceci:

Introduction à Javascript et Solidity (Blockgeeks)

Avant de terminer les tableaux. Il y a encore une chose.

Vous pouvez vérifier la longueur du tableau comme ceci:

let names = [‘Mark’, ‘Will’];

names [2] = ‘Kumar’;

noms [3] = 1;

console.log (noms.longueur);

Maintenant, la sortie ressemble à ceci:

Introduction à Javascript et Solidity (Blockgeeks)

La longueur du tableau est de 4.

# 3 Fonctions

Ensuite, nous avons des fonctions qui sont facilement l’une des parties les plus importantes des programmes. En déclarant des fonctions, vous allez rendre votre travail beaucoup plus simple et réduire beaucoup de répétitions. Les fonctions contiennent une unité de code qui fonctionne sur diverses entrées, dont beaucoup sont des variables, et produit des résultats concrets impliquant des modifications des valeurs de variables ou des opérations réelles basées sur les entrées. On peut appeler ces fonctions pendant l’exécution du programme et exécuter le code.

Voyons un exemple.

function urgent () {

console.log (‘Regarder JRE 1169’);

}

urgent();

La fonction ci-dessus imprime un message. Après avoir déclaré la fonction, nous appelons simplement la fonction pour l’exécuter. Regardons le résultat:

Introduction à Javascript et Solidity (Blockgeeks)

Maintenant, ajoutons un peu plus d’épices au mélange.

function urgent (num) {

console.log (‘Watch JRE’ + num);

}

urgent (1169);

Regardons le résultat:

Introduction à Javascript et Solidity (Blockgeeks)

Maintenant, augmentons le nombre de paramètres dans la fonction et le nombre d’appels de fonction.

nom d’utilisateur de la fonction (firstName, lastName) {

console.log (‘Le nom est’ + prénom + ” + nom);

}

nom d’utilisateur (‘Vitalik’, ‘Buterin’);

nom d’utilisateur (‘Satoshi’, ‘Nakamoto’);

Ainsi, lorsque vous exécutez ce code, vous obtiendrez la sortie suivante:

Introduction à Javascript et Solidity (Blockgeeks)

L’une des meilleures propriétés de la fonction est de renvoyer des valeurs. Ainsi, vous pouvez avoir une fonction qui effectue des processus mathématiques complexes et l’utiliser pour renvoyer des valeurs à une variable.

Que diriez-vous de déclarer une fonction qui calcule le carré d’un nombre et renvoie la valeur:

function square (num) {

return num * num;

}

soit résultat = carré (2);

console.log (‘Le carré de 2 est’ + résultat);

La sortie sera:

Introduction à Javascript et Solidity (Blockgeeks)

# 4 Déclarations conditionnelles

Les déclarations conditionnelles telles que «if-else» sont la pierre angulaire de la programmation. Vous pouvez faire la même chose en JavaScript comme nous l’avons déjà vu. Considérez ce code:

soit a = 20;

soit b = 30;

si un > b) {

console.log (un + ‘est supérieur’);

} autre {

console.log (b + ‘est supérieur’);

}

C’est un programme simple qui vérifie et imprime le plus grand nombre.

Le code ci-dessus donne la sortie suivante:

Introduction à Javascript et Solidity (Blockgeeks)

# 5 boucles

Le bouclage permet au programme d’exécuter le code donné à l’intérieur de la boucle à exécuter un nombre spécifié de fois.

Avant de continuer, vous devez savoir ce que signifie l’incrémentation (ou la décrémentation).

L’incrémentation signifie augmenter la valeur d’une variable particulière d’un montant donné. Donc, si nous voulons augmenter la valeur stockée dans une variable particulière, comme «a», de 1 nous faisons:

a = a +1;

OU pour le rendre plus efficace, nous faisons simplement «a ++», ce qui équivaut à a = a + 1;

De même, pour décrémenter la valeur, nous faisons:

a = a-1;

Ou

une-;

Ok, revenons aux boucles.

Les instructions de boucle utilisées dans JavaScript sont:

  • Tandis que
  • Faire pendant
  • Pour

Alors que la boucle

La boucle while est la forme la plus simple d’une instruction de boucle. Cela fonctionne comme ceci:

while (condition) {

Déclaration;

Incrément;

}

Considère ceci:

soit i = 1;

alors que je < 3) {

console.log (i);

i ++;

}

L’exécution de ce code donne le résultat suivant:

Alors, que s’est-il passé ici?

Nous avons initialisé une variable à 1 et demandé au programme d’imprimer la variable tant que sa valeur est inférieure à 1. De plus, à l’intérieur de la boucle, nous avons continué à incrémenter la valeur de «i». Si nous ne l’avions pas incrémenté, le programme aurait été dans une boucle infinie.

Boucle Do-While

La boucle Do-While ressemble à ceci:

fais{

Déclaration;

Incrément;

} while (condition);

Ainsi, contrairement à la boucle while, les boucles do-while exécutent le code en premier et vérifient la condition plus tard.

Maintenant, voyez ce code:

soit i = 1;

fais{

console.log (i);

i ++;

} alors que je<3);

Cela imprimera:

Alors, quelle est la différence entre le while et le do-while pendant l’exécution du programme. Eh bien, vérifiez l’exemple suivant:

soit i = 1;

console.log (‘Nous allons d’abord vérifier la boucle while’);

alors que je < 1){

console.log (‘Ceci est à l’intérieur de la boucle while’);

}

console.log (‘Nous allons maintenant vérifier do-while’);

fais{

console.log (‘Ceci est dans la boucle do-while’);

} alors que je < 1);

console.log (‘Nous sommes maintenant en dehors des boucles’);

La sortie est:

Introduction à Javascript et Solidity (Blockgeeks)

Alors, que faisons-nous ici?

Tout d’abord, nous avons exécuté la boucle while. Puisque cette boucle vérifie la condition au préalable, elle n’a même pas permis au compilateur d’entrer dans son corps. Par conséquent, l’instruction à l’intérieur de la boucle while n’a pas été exécutée.

Cependant, comme la boucle do-while exécute l’instruction avant de vérifier la condition, l’instruction à l’intérieur du corps a été exécutée.

Pour la boucle

La boucle for a la structure suivante:

pour (Initialisation; Condition; Incrémentation)

{

Déclaration;

}

Ainsi, la boucle for prend en charge la condition et l’incrémentation dans ses paramètres elle-même. À quoi cela ressemble-t-il à l’exécution?

pour (soit i = 1; i <= 5; i ++)

{

console.log (i);

}

Ce programme donne la sortie suivante:

Introduction à Javascript et Solidity (Blockgeeks)

Programmation orientée objet en JavaScript

Très bien, nous arrivons maintenant à l’un des aspects les plus importants de JavaScript, la programmation orientée objet. Considérez le morceau de code suivant:

laissez Max = {

école: ‘Central High’,

âge: 14,

lieu de naissance: ‘New York’

};

console.log (Max);

Donc, nous avons déclaré un objet nommé «Max» et déclarons les éléments de cet objet, nom:

  • Où Max va à l’école
  • Quel est l’âge de Max
  • Où est-il né

Ainsi, lorsque vous imprimez l’objet Max, voici ce que vous obtenez:

Ok, supposons maintenant que Max vient de fêter son anniversaire. Comment changer son âge?

laissez Max = {

école: ‘Central High’,

âge: 14,

lieu de naissance: ‘New York’

};

Âge max. = 15;

console.log (Max);

;

Donc, voici la sortie que nous avons maintenant:

Introduction à Javascript et Solidity (Blockgeeks)

Maintenant, nous allons déclarer un objet avec une fonction à l’intérieur:

laissez cercle = {

zone: function () {

soit rayon = 2;

soit a = 3,14 * rayon * rayon;

console.log (‘La zone est’ + a);

}

};

cercle.area ();

Encore une fois, un objet assez simple. Nous avons déclaré un objet appelé cercle qui a une fonction de zone à l’intérieur qui calcule et imprime la zone.

Fonctions d’usine

La façon dont nous avons déclaré notre objet ci-dessus est extrêmement inefficace lorsque nous devons traiter plusieurs objets. Souvenez-vous du code que nous venons d’utiliser. Et si nous devions calculer l’aire de deux cercles? Dans ce cas, nous n’avons pas d’autre choix que de simplement répéter le code avec des valeurs différentes.

laissez cercle = {

zone: function () {

soit rayon = 1;

soit a = 3,14 * rayon * rayon;

console.log (‘La zone est’ + a);

}

};

cercle.area ();

laissez cercle1 = {

zone: function () {

soit rayon = 2;

soit a = 3,14 * rayon * rayon;

console.log (‘La zone est’ + a);

}

};

circle1.area ();

Et maintenant, si au lieu d’une seule fonction, nous avons affaire à 10 fonctions par objet. Pouvez-vous imaginer à quel point ce code deviendra encombré?

Imaginez également la difficulté de déboguer le code (scanner le code pour des erreurs potentielles) si nous suivons ce format.

C’est pourquoi nous utilisons quelque chose appelé «fonctions d’usine» pour rendre notre code plus utilisable et plus propre.

Considérez le code suivant:

// crée la fonction d’usine qui prend un paramètre

function createCircle (rayon) {

// la fonction renvoie cette valeur qui est un objet

revenir {

zone: function () {

laissez aire = 3,14 * rayon * rayon;

console.log (zone);

}

};

}

// création de l’objet qui tire sa valeur de la fonction factory

laissez cercle = createCircle (1);

cercle.area ();

// mise à jour dynamiquement de l’objet en utilisant la même fonction d’usine

cercle = createCircle (2);

cercle.area ();

Ok, voyons ce qui se passe ici.

Nous avons une fonction Factory appelée «createCircle ()» qui définit le plan de tous les objets que nous allons créer.

Il prend un paramètre appelé «rayon» qui nous aide à créer différents objets avec des valeurs uniques. La fonction renvoie les valeurs à un nouvel objet. Ainsi, lorsque nous exécutons le code ci-dessus, nous obtenons la sortie suivante:

Introduction à Javascript et Solidity (Blockgeeks)

Une fonction de fabrique n’est pas le seul moyen d’initialiser un objet, vous avez également des constructeurs.

Constructeurs

Alors, à quoi ressemble un constructeur?

function Circle (rayon) {

this.area = function () {

soit a = 3,14 * rayon * rayon;

console.log (a);

}

}

laissez cercle = nouveau cercle (1);

cercle.area ();

soit cercle1 = nouveau cercle (2);

circle1.area ();

Circle () est le constructeur que nous avons utilisé ici. Selon les conventions de dénomination, un constructeur doit toujours commencer par une lettre majuscule. Il y a deux autres choses que vous avez peut-être remarquées dans le code dont nous n’avons pas encore parlé:

  • Le «nouveau» mot-clé
  • Le mot-clé «this»

Le mot-clé «nouveau» aide à la création d’objet via le constructeur. Cela crée essentiellement un objet vide et vide.

Le mot clé «this» permet de spécifier que la variable ou la fonction appartient à cet objet particulier. Par exemple. dans le code donné ci-dessus, «this.area» montre au compilateur que la fonction area appartient soit à l’objet circle, soit à l’objet circle1. La valeur de «this» à l’intérieur d’une fonction, dépend effectivement de l’objet qui l’a appelée.

Voyons ce qui se passe si nous supprimons le mot clé “le” dans le code ci-dessus. Voyons le résultat. Donc, notre code modifié est:

function Circle (rayon) {

zone = fonction () {

soit a = 3,14 * rayon * rayon;

console.log (a);

}

}

laissez cercle = nouveau cercle (1);

cercle.area ();

soit cercle1 = nouveau cercle (2);

cercle1.area ()

Lorsque vous exécutez ce programme, vous obtiendrez cette erreur:

Introduction à Javascript et Solidity (Blockgeeks)

Javascript et solidité: Conclusion

Ce que nous vous avons donné ici est une introduction extrêmement basique. JavaScript est un vaste sujet avec beaucoup de potentiel. Si vous voulez rester à jour, une éducation constante est nécessaire. Nous avons utilisé les vidéos suivantes pour référence:

https://www.youtube.com/watch?v=PwsigsH4oXw

https://www.youtube.com/watch?v=PFmuCDHHpwk

Si vous souhaitez vous renseigner davantage, veuillez consulter leurs canaux respectifs.

Aussi, c’est tout pour la partie 1.

Dans la partie suivante, nous allons commencer la solidité!!

Mike Owergreen Administrator
Sorry! The Author has not filled his profile.
follow me