supposition
Je viens de commencer la programmation(1~Deux mois)Il résume ce que j'ai appris.
Il peut y avoir des choses qui ne fonctionnent pas ou des erreurs sur le terrain.
Si vous le remarquez, faites-le nous savoir dans les commentaires.
JavaScript était un mot que j'avais entendu même si je ne connaissais pas du tout la programmation. Et je ne savais même pas que c'était un langage de programmation avant de commencer à apprendre la programmation.
Qu'est-ce que Javascript? JavaScript est le principal langage utilisé côté client Vous pouvez concevoir la facilité d'utilisation de l'application sur le navigateur et comment envoyer des demandes
-Affichage de l'écran de commutation sans transition de page Mécanisme de mouvement dynamique lorsque le curseur est placé Si vous déplacez le curseur vers le menu global en haut de la page Web, des éléments apparaîtront. · Obtenir des valeurs du serveur sans actualiser l’écran Si vous appuyez sur J'aime sur Twitter, vous pouvez voir le nombre augmenter ou diminuer sur cet écran sans actualiser la page.
Vous pouvez développer à l'aide des outils de développement (outils de développement, outils de vérification) qui s'affichent dès que vous exécutez du code en JavaScript. C'est comme irb en Ruby.
Faites un clic droit sur le navigateur et sélectionnez vérification (vous pouvez également le démarrer avec l'option de commande c) éléments est l'endroit où le CSS HTML est écrit Le code JavaScript peut être exécuté dans l'onglet Console
En JavaScript, les variables doivent être définies avec var, const et let. var Redéfinition, écriture réaffectable (rarement utilisée) const Comment définir une variable qui ne peut pas être réécrite (la valeur ne change pas) Ne peut pas être réaffecté ou redéfini laissez les variables réinscriptibles (celles dont les valeurs changent) La réaffectation est possible, mais la redéfinition n'est pas possible
Pensons au cas du développement d'équipe dans la psychologie de la personne lisant le code. ** Si défini par var **
var sample = "Bonjour"
sample = "Bonjour"
//Réaffectation OK
var sample = "Bonsoir"
//Redéfinition OK
var est une méthode de définition de variable réinscriptible qui permet aux variables d'être redéfinies et réaffectées. La valeur définie change-t-elle en cours de route? Le changement affecte-t-il d'autres fonctions? Il n'est pas souvent utilisé car il n'est pas possible de comprendre visuellement le contenu du code. C'est parce que vous ne pouvez pas comprendre comment gérer les variables sans lire le code entier. ** Si défini par let, const **
const sample = "Bonjour"
sample = "Bonjour"
//Une erreur de réaffectation NG apparaît.
const sample = "Bonsoir"
//J'obtiens une erreur de redéfinition NG.
let sample = "Bonjour"
sample = "Bonjour"
//Réaffectation OK La valeur change comme bonjour.
let sample = "Bonsoir"
//Une erreur de réaffectation NG apparaît.
** const ** ne peut pas être redéfini ou réaffecté. ** let ** ne peut pas être redéfini, mais peut être réaffecté. Vous pouvez voir que const est une valeur que la variable et sa valeur ne changeront pas à l'avenir, c'est-à-dire qu'elle ne devrait pas être modifiée. let À partir de maintenant, vous pouvez voir que la valeur assignée changera en raison de la réaffectation. C'est un gros avantage que vous puissiez voir en un coup d'œil quelle est la valeur de la variable même avec juste cela.
N'est-ce pas la même chose que redéfinir et réaffecter? Tu n'as pas pensé? Je suis le même! La redéfinition et la réaffectation ne font que changer la valeur à l'intérieur, non? Redéfinition N'est-il pas acceptable d'utiliser var au lieu de let car la valeur change avec la réaffectation sans déranger? J'ai pensé ainsi. La différence claire entre les deux est de savoir s'ils peuvent être redéfinis. La redéfinition peut être définie sans le savoir sans être conscient. Que faire si vous oubliez le nom de variable que vous avez défini lorsque vous avez écrit le code pour un processus similaire et que vous avez utilisé par inadvertance la même variable lors de l'écriture d'une autre? La première variable est modifiée involontairement. Par conséquent, si vous utilisez let, vous pouvez être assuré qu'une erreur se produira même si vous la redéfinissez par inadvertance.
Il existe deux méthodes ・ Utilisez + pour concaténer chaque valeur · Utiliser des modèles littéraux Qu'est-ce qu'un modèle littéral? Possibilité d'insérer des variables dans des chaînes en les plaçant entre guillemets (shift + @) dans la syntaxe JavaScript
Ce que vous pouvez faire avec les littéraux de modèle </ strong>
Les variables peuvent être incorporées dans des chaînes
Vous pouvez insérer un saut de ligne
Vous pouvez créer des éléments HTML
Exemple
const name = "nako"
const age = "29"
//+Lors de la connexion avec
const introduction = "mon nom est" + name + "、" + age + "Je suis vieux."
console.log(introduction)
Je m'appelle Nako, 29 ans.
//Lors de la connexion avec un modèle littéral
const introduction = "mon nom est${name}、${age}Je suis vieux."
console.log(introduction)
Je m'appelle Nako, 29 ans.
L'écriture dans les littéraux de modèle réduit la quantité de description.
si déclaration
if(1){
Traitement lorsque vrai
}else if(2){
1 faux 2 Traitement lorsque vrai
} else{
1,2 Traitement lorsque les deux sont faux
}
L'expression conditionnelle est placée entre () Le traitement à l'intérieur de {} est effectué. Décrivez plusieurs conditions avec else if.
const list = [] Définir un tableau console.log (list) Récupère le tableau entier console.log (list [2]) La valeur correspondant à 2 de l'élément du tableau peut être récupérée (elle commence à 0 comme ruby, donc dans ce cas c'est le 3ème élément)
Pour le traitement itératif de JavaScript pour déclaration Fonction forEach () il y a. L'instruction for est similaire à la méthode times de Ruby et forEach est similaire à la méthode each.
En JavaScript, le traitement itératif utilise pour instruction for ([Expression d'initialisation]; [Expression conditionnelle]; [Expression supplémentaire]) { Traitement répété }
Formule d'initialisation Définissez les variables utilisées dans l'instruction for. Cette variable est désormais référencée pour déterminer combien de fois elle a été traitée. Expression conditionnelle Spécifie combien de fois le traitement de l'instruction for est répété. Le traitement se poursuit tant que la valeur de retour de cette expression conditionnelle est vraie Formule d'addition Vous pouvez décrire l'augmentation / la diminution de la variable définie comme expression d'initialisation. Si i = i + 1, 1 est ajouté chaque semaine et le processus est exécuté. i = i + 1 i + = 1 i ++ ont tous la même signification
Flux de processus (1) Définissez des variables dans la formule d'initialisation. (Cette variable est utilisée pour déterminer combien de fois il est traité) (2) Si l'expression conditionnelle est vraie, traitez-la. (3) Après le traitement, la formule d'addition est effectuée. ④ Si l'expression conditionnelle est vraie, elle revient à et se répète jusqu'à ce qu'elle devienne fausse. Résumé Définir des variables pour la répétition dans la formule d'initialisation Définissez la condition de répétition dans l'expression conditionnelle (décrivez le nombre de répétitions) Après le traitement, la variable est traitée par la formule d'addition et le traitement est recommencé depuis le début. Le processus est répété jusqu'à ce que l'expression conditionnelle ne soit plus satisfaite. (L'expression conditionnelle est une expression qui décrit les conditions pour déterminer le nombre de répétitions.)
Dans Ruby, chaque méthode utilise la fonction forEach en JavaScript pour décrire le traitement itératif d'un tableau. ** fonction forEach ** Fonction (image de méthode) utilisée lors de l'itération sur chaque élément stocké dans le tableau Array .forEach (fonction (valeur) { En traitement }) la fonction est une fonction value est un élément du tableau Dans ce cas, l'argument est remplacé par l'élément à chaque fois que l'indice 0 au dernier élément est répété. Comme il est difficile à comprendre, un exemple concret
animals = ["dog", "cat", "bird"]
animals.forEach( function(item) {
console.log(item)
})
dog
cat
bird
Est sortie.
Tous les éléments du tableau animals sont passés dans l'ordre par la fonction forEach avec item comme argument.
・ Que peut faire JavaScript? Affichage et mise à jour de la valeur sans mise à jour Affichage du menu et likes Twitter ・ Comment utiliser JavaScript Le code JavaScript peut être exécuté dans la console de vérification Il existe trois types de définitions de variables, la redéfinition et la disponibilité de la réaffectation, var const let Le traitement itératif a 2 modèles pour l'instruction et la fonction forEach Dans Ruby, l'instruction for est l'image des temps et pour Each est l'image de chacun.
Recommended Posts