Comment démarrer rapidement avec VUE3.0 : Entrez dans l'apprentissage
Recommandations associées : Tutoriel JavaScript
Qu'est-ce qu'un constructeur : C'est une autre façon de créer des objets en JavaScript.
Contrairement à la création d'objets à l'aide de méthodes littérales : les constructeurs peuvent créer des objets avec les mêmes caractéristiques.
Exemple : créez des objets pomme, banane et orange via le constructeur de fruits. Sa particularité est que ces objets sont tous créés sur la base du même modèle, et chaque objet a ses propres caractéristiques.
Les caractéristiques et avantages de la création d'objets par des méthodes littérales
: simplicité et flexibilité.
Inconvénient : Lorsque vous devez créer un ensemble d'objets ayant les mêmes caractéristiques, vous ne pouvez pas spécifier via le code quels membres ces objets doivent avoir en commun.
La façon d'implémenter des modèles dans les langages de programmation orientés objet consiste à utiliser des classes pour créer des modèles et implémenter différents objets (instances de classes) basés sur les modèles.
Méthode 1 pour implémenter des modèles en JavaScript : via une fonction d'usine, qui crée un objet en utilisant le littéral "{ }" à l'intérieur. L'inconvénient est que le type de l'objet ne peut pas être distingué.
Méthode 2 pour implémenter des modèles en JavaScript : créer des objets via des constructeurs.
Avant d'apprendre à personnaliser le constructeur, voyons d'abord comment utiliser le constructeur intégré de JavaScript.
: Comment personnaliser les constructeurs ?
Notez que
lors de l'apprentissage de JavaScript, les débutants sont souvent confus par certains termes similaires, tels que fonction, méthode, constructeur, constructeur, constructeur, etc.
En fait, elles peuvent toutes être collectivement appelées fonctions, mais elles portent des noms différents selon les scénarios d’utilisation. Par convention, les fonctions définies dans un objet sont appelées méthodes de l'objet.
Quant au constructeur, certains ont l'habitude de l'appeler constructeur ou constructeur. Il suffit de comprendre que ces noms font référence à la même chose.
La raison pour laquellen'était pas disponible avant ES6 : pour simplifier la difficulté.
Raison de l'ajout : avec le développement de la technologie Web front-end, certaines personnes qui étaient initialement engagées dans le développement back-end se sont tournées vers le front-end. Afin de rapprocher JavaScript de la syntaxe de certains langages back-end afin que les développeurs puissent s'adapter plus rapidement.
Le rôle du mot clé class : utilisé pour définir une classe.
Caractéristiques : La méthode constructeur constructeur peut être définie dans la classe.
Notez que
la syntaxe de la classe est essentiellement du sucre syntaxique et est uniquement conçue pour faciliter l'utilisation par l'utilisateur. Le même effet peut être obtenu sans utiliser cette syntaxe, comme le constructeur appris précédemment. Si le navigateur de l'utilisateur ne prend pas en charge cette syntaxe, cette méthode n'est pas recommandée.
Notion de: Dans le constructeur, les variables définies à l'aide du mot clé var sont appelées membres privés.
Caractéristiques : Après l'objet d'instance, il n'est pas accessible via "object.member", mais les membres privés sont accessibles dans la méthode membre de l'objet.
Caractéristiques : le nom du membre privé reflète l'encapsulation orientée objet.
En effet, ces objets sont en fait des instances du constructeur String, c'est-à-dire des objets String.
Notez
que lors d'une opération sur une chaîne, le résultat du traitement est renvoyé directement via la valeur de retour de la méthode et ne modifie pas le contenu de la chaîne stocké dans l'objet String lui-même. Dans les paramètres de ces méthodes, la position est une valeur d'index, à partir de 0, la valeur d'index du premier caractère est 0 et la valeur d'index du dernier caractère est la longueur de la chaîne moins 1.
Prenons l'exemple de la limitation de la longueur des noms d'utilisateur entre 3 et 10 et de l'interdiction d'utiliser le mot sensible admin à des fins de démonstration.
L'objet numérique est utilisé pour traiter les entiers, les nombres à virgule flottante et d'autres valeurs numériques. Les propriétés et méthodes couramment utilisées sont les suivantes.
Il s'agit d'un membre statique de Number et on y accède directement via le constructeur Number, et non via une instance de Number.
L'objet Math est utilisé pour effectuer des opérations mathématiques sur des valeurs numériques. Contrairement à d'autres objets, cet objet n'est pas un constructeur et n'a pas besoin d'être instancié pour être utilisé.
Prenez Math.random() pour obtenir des nombres aléatoires dans une plage spécifiée à titre d'exemple.
La formule est Math.random() * (n - m) + m, ce qui signifie générer une valeur aléatoire supérieure ou égale à m et inférieure à n
L'objet Date est utilisé pour gérer les dates et les heures.
Exemple 1 : obtenez l'heure et la date en fonction de l'objet Date.
Exemple 2 : spécifiez une date basée sur un objet Date.
Exemple 3 : Gérez la situation dans laquelle la date définie est déraisonnable. Par exemple, définir le mois sur -1 signifie décembre de l'année dernière et définir le mois sur 12 signifie janvier de l'année prochaine.
Idée d'implémentation de code :
Implémentation du code
<html>
<head><title>Calendrier de ce mois</title>
</tête>
<corps>
<p align=center><b>Calendrier de ce mois</b></p>
<script>
var cette année, ce mois, aujourd'hui = nouvelle date ();;
cetteannée=aujourd'hui.getFullYear()
cemois=aujourd'hui.getMonth();
var immois, ijour de la semaine, jour, jour suivant ;
document.write("<table align=center border=1><tr align=center bgcolor=#fff00>")
document.write("<td>Dimanche</td><td>Lundi</td><td>Mardi</td><td>Mercredi</td><td>Jeudi</td><td> Vendredi< /td><td>Samedi</td>")
document.write("</tr><tr>")
le lendemain = 1 ;
var thisdate = nouvelle date (cette année, ce mois, le lendemain)
pour (iday=0;iday<=6;iday++){
if (thisdate.getDay() > iday) {
document.write("<td>");
document.write("</td>")
}
autre {
if (thisdate.getMonth()== aujourd'hui.getMonth()&&thisdate.getDate()== aujourd'hui.getDate() &&thisdate.getFullYear()== aujourd'hui.getFullYear() ){
document.write("<td><font color=red><b>")
document.write (le lendemain)
document.write("</font></b></td>")
}
autre {
document.write("<td><b>");
document.write (le lendemain);
document.write("</b></td>");
}
jour suivant=jour suivant+1 ;
thisdate.setDate(jour suivant);
}
}
document.write("</tr>");
document.write("<tr>")
ijour de la semaine=1
while(thisdate.getMonth() == cemois){
if (thisdate.getMonth()== aujourd'hui.getMonth()&&thisdate.getDate()== aujourd'hui.getDate() &&thisdate.getFullYear()== aujourd'hui.getFullYear() ){
document.write("<td><font color=red><b>")
document.write (le lendemain)
document.write("</b></font></td>")
}
autre{
document.write("<td><b>")
document.write (le lendemain)
document.write("</b></td>")
}
jour suivant=jour suivant+1 ;
iweekday=iweekday+1 ;
si (iweekday>7 ){
ijour de la semaine=1 ;
document.write("</tr>");
}
thisdate.setDate(jour suivant);
}
</script>
</corps>
</html> Recommandations associées : Tutoriel d'apprentissage JavaScript
Ce qui précède est le contenu détaillé pour vous aider à obtenir des objets JavaScript. Pour plus d'informations, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !
