Maison > interface Web > js tutoriel > le corps du texte

Fonction JS, objet, chaîne

王林
Libérer: 2024-07-18 13:12:39
original
870 Les gens l'ont consulté

JS Function, Object, String

  1. Une fonction JavaScript est un bloc de code conçu pour effectuer une tâche particulière. la fonction est exécutée lorsque "quelque chose" l'invoque (l'appelle).

  2. Une fonction JavaScript est définie avec le mot-clé function, suivi d'un nom, suivi de parenthèses ().

  3. Les paramètres de fonction sont répertoriés entre les parenthèses () dans la définition de la fonction. Les arguments de fonction sont les valeurs reçues par la fonction lorsqu'elle est invoquée. A l'intérieur de la fonction, les arguments (les paramètres) se comportent comme des variables locales.

  4. Lorsque JavaScript atteint une instruction return, la fonction cessera de s'exécuter. Si la fonction a été invoquée à partir d'une instruction, JavaScript "reviendra" pour exécuter le code après l'instruction d'invocation. Les fonctions calculent souvent une valeur de retour. La valeur de retour est "renvoyée" à "l'appelant".

  5. L'opérateur () invoque (appelle) la fonction. Accéder à une fonction sans () renvoie la fonction et non le résultat de la fonction.

  6. Un objet littéral est une liste de paires nom:valeur entre accolades {}.

  7. Vous pouvez accéder aux propriétés des objets de deux manières -
    objectName.propertyName, objectName["propertyName"]

  8. Les objets sont des conteneurs pour les propriétés et les méthodes. Les propriétés sont nommées Valeurs. Les méthodes sont des fonctions stockées sous Propriétés. Les propriétés peuvent être des valeurs primitives, des fonctions ou même d'autres objets. Les objets sont des objets, les mathématiques sont des objets, les fonctions sont des objets, les dates sont des objets, les tableaux sont des objets, les cartes sont des objets, les ensembles sont des objets. Toutes les valeurs JavaScript, à l'exception des primitives, sont des objets.

  9. Une valeur primitive est une valeur qui n'a aucune propriété ni méthode. 3,14 est une valeur primitive. Un type de données primitif est une donnée qui a une valeur primitive. JavaScript définit 7 types de types de données primitifs -
    A) chaîne
    B) numéro
    C) booléen
    D) nul
    E) indéfini
    F) symbole
    G) bigint

  10. Les valeurs primitives sont immuables (elles sont codées en dur et ne peuvent pas être modifiées).

  11. Les
  12. Les objets sont mutables. Ils sont adressés par référence et non par valeur.

  13. Un objet est une Collection non ordonnée de propriétés. Les Propriétés sont la partie la plus importante des Objets JavaScript. Les propriétés peuvent être modifiées, ajoutées, supprimées et certaines sont en lecture seule.

  14. Le mot-clé delete supprime une propriété d'un objet. Le mot-clé delete supprime à la fois la valeur de la propriété et la propriété elle-même.

  15. Accès à Objet Méthode- objectName.methodName()

  16. Ajout d'une nouvelle méthode à un objet -
    personne.nom = fonction () {
    return this.firstName + " " + this.lastName;
    };

  17. Méthode toUpperCase() pour convertir un texte en majuscules.

  18. Certaines solutions pour afficher les objets JavaScript sont -
    Affichage des propriétés de l'objet par nom, Affichage de l'objet
    Propriétés dans une boucle, affichage de l'objet à l'aide de Object.values(),
    Affichage de l'objet à l'aide de JSON.stringify()

  19. Objet For In Loop -
    const personne = {
    nom : "Jean",
    âge : 30,
    ville : "New York"
    };
    laissez texte = "";
    pour (laisser x en personne) {
    texte += personne[x] + " ";
    };
    document.getElementById("demo").innerHTML = text;

  20. Vous devez utiliser person[x] dans la boucle. person.x ne fonctionnera pas (Parce que
    x est la variable de boucle).

  21. Object.values() crée un tableau à partir des valeurs de propriété.
    Exemple - Object.values(person)

  22. Object.entries() simplifie l'utilisation d'objets dans des boucles.

  23. Les objets JavaScript peuvent être convertis en chaîne avec la méthode JSON
    JSON.stringify().

  24. Pour créer un type d'objet, nous utilisons une fonction constructeur d'objet.
    function Personne (prénom, dernier, âge, œil) {
    this.firstName = premier;
    this.lastName = dernier;
    this.age = âge;
    this.eyeColor = oeil;
    >
    const monPère = new Person("John", "Doe", 50, "blue");
    const maMère = new Person("Sally", "Rally", 48, "green");
    maMère.changeName = fonction (nom) {
    this.lastName = nom;
    >
    maMère.changeName("Doe");
    document.getElementById("demo").innerHTML =
    "Le nom de famille de ma mère est " + myMother.lastName;
    C'est un exemple !

  25. Les
  26. Les événements HTML sont des "choses" qui arrivent aux éléments HTML. Quand
    JavaScript est utilisé dans les pages HTML, JavaScript peut "réagir" sur celles-ci
    événements. Voici quelques exemples d'événements HTML -
    Une page web HTML a fini de se charger, Un champ de saisie HTML était
    modifié, un bouton HTML a été cliqué. Événements HTML courants -

onchange - Un élément HTML a été modifié
onclick - L'utilisateur clique sur un élément HTML
onmouseover - L'utilisateur déplace la souris sur un élément HTML
onmouseout - L'utilisateur éloigne la souris d'un élément HTML
onkeydown - L'utilisateur appuie sur une touche du clavier
onload - Le navigateur a fini de charger la page

Cordes

    Les
  1. Les chaînes servent à stocker du texte. Les chaînes sont écrites avec
    citations.

  2. Les
  3. Les chaînes de modèles ont été introduites avec ES6 (JavaScript
    2016)
    . Les modèles sont des chaînes entourées de backticks (il s'agit d'un
    chaîne de modèle). Les modèles autorisent les guillemets simples et doubles à l'intérieur d'un
    chaîne. Les modèles ne sont pas pris en charge dans Internet Explorer.

  4. Pour trouver la longueur d'une chaîne, utilisez la longueur intégrée
    propriété.

  5. La barre oblique inverse caractère d'échappement () se transforme en caractères spéciaux
    en caractères de chaîne. let text = "Nous sommes les soi-disant "Vikings" du nord."; let text= 'Tout va bien.';

  6. JavaScript Chaînes en tant qu'objets - let y = new String("John");

  7. Ne créez pas d'objets Strings. Le nouveau mot-clé complique le code et ralentit la vitesse d'exécution. Les objets chaîne peuvent produire des résultats inattendus

  8. La comparaison de deux objets JavaScript renvoie toujours false.

  9. Méthodes de chaîne de base -

  • String length - La propriété length renvoie la longueur d'un chaîne.
  • String charAt() - La méthode charAt() renvoie le caractère à un index (position) spécifié dans une chaîne.
  • String charCodeAt() - La méthode charCodeAt() renvoie le code du caractère à un index spécifié dans une chaîne. Le La méthode renvoie un code UTF-16 (un entier compris entre 0 et 65535).
  • Chaîne at()
  • Chaîne [ ]
  • Tranche de chaîne()
  • Sous-chaîne de chaîne()
  • Chaîne substr()
  • Chaîne toUpperCase()
  • Chaîne toLowerCase()
  • Chaîne concat()
  • Garniture de chaîne()
  • Chaîne trimStart()
  • Chaîne trimEnd()
  • Chaîne padStart()
  • Chaîne padEnd()
  • Répétition de chaîne()
  • Remplacement de chaîne()
  • Chaîne replaceAll()
  • Séparation de chaîne()

Chaîne Méthodes de recherche -

  • String indexOf()
  • String lastIndexOf()
  • Recherche de chaîne()
  • Correspondance de chaîne()
  • Chaîne matchAll()
  • La chaîne inclut()
  • La chaîne commenceAvec()
  • La chaîne se termine par()

Les chaînes de modèles utilisent des contre-tiques (``) plutôt que des guillemets ("") pour définir une chaîne.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!