interface Webjs tutorielDonnez un exemple pour expliquer comment déterminer le type d'objet dans les connaissances JavaScript_BasicDonnez un exemple pour expliquer comment déterminer le type d'objet dans les connaissances JavaScript_Basic
Dans le processus d'écriture de programmes js, vous devrez souvent déterminer le type d'un objet. Par exemple, si vous écrivez une fonction, vous devez déterminer différents types de paramètres pour écrire différents codes.
Tout d'abord, vous pouvez penser au type d'opérateur. Regardez l'exemple suivant :
<script type="text/javascript"> var object = {}; var b = true; alert(typeof object + " " + typeof b); </script>Le résultat obtenu est le suivant :
Comme vous pouvez le voir dans les résultats ci-dessus, l'opérateur typeof peut être utilisé pour afficher le type de l'objet. Alors, quels sont les résultats de null et undefined dans la portée de l'opérateur typeof. ?
/*var object = {}; var b = true; alert(typeof object + " " + typeof b);*/ alert(typeof null + " " + typeof undefined)
L'opérateur typeof agit sur null et affiche en fait "objet" (cela ne semble pas scientifique, je pensais qu'il afficherait "null'" ), agissant sur undéfini affiche "undéfini" (cela est conforme au résultat souhaité), donc lorsque vous utilisez l'opérateur typeof pour déterminer le type d'un objet, soyez particulièrement prudent car l'objet peut être nul. Ce qui précède ne donne qu'une partie des résultats de typeof opérant sur ces objets. Le tableau suivant répertorie les résultats de l'opérateur typeof opérant sur Boolean, Number, String, Array, Date, RegExp, Object, Function, null, undefined (lecteurs intéressés, vous pouvez le tester vous-même) :
D'après les résultats du tableau ci-dessus, nous pouvons voir que Array, Date et RegExp affichent tous des objets. Pourquoi ne le sont-ils pas. afficher directement le type d'objet ? Cela mènera à un autre opérateur de js : opérateur instanceof. Cet opérateur est utilisé pour déterminer si un objet est un certain type d'objet. La valeur calculée est vraie ou fausse. Jetons un coup d'oeil d'abord :
var now = new Date(); var pattern = /^[\s\S]*$/; var names = ['zq', 'john']; alert((now instanceof Date) + " " + (pattern instanceof RegExp) + " " + (names instanceof Array));
Évidemment, le type de l'objet peut être déterminé via cette instance de, mais cela ne peut déterminer autre chose que le type de base. Pour les autres types (y compris le type String), il ne peut pas déterminer le type de base. Cependant, instanceof ne peut pas toujours être jugé normalement. Considérons la situation d'un frame. Pour déterminer si l'objet de son type est un objet passé par un autre frame, regardez d'abord l'exemple suivant.
main.html
<!doctype html> <html lang="en"> <head> <title>Main</title> </head> <frameset cols="45%,*"> <frame name="frame1" src="frame1.html"/> <frame name="frame2" src="frame2.html"/> </frameset> </html>
frame1.html
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>frame1</title> </head> <script type="text/javascript"> var names = ['riccio zhang', 'zq', 'john']; </script> <body style="background: #ccc"> </body> </html>
frame2.html
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>frame2</title> <script type="text/javascript"> document.write("top.frame1.names instanceof Array:" + (top.frame1.names instanceof Array)); document.write("<br/>"); document.write("top.frame1.names instanceof top.frame1.Array:" + (top.frame1.names instanceof top.frame1.Array)); document.write("<br/>"); document.write("top.frame1.Array === top.frame2.Array?" + (top.frame1.Array === top.frame2.Array)); </script> </head> <body style="background: #747474"> </body> </html>
L'objet noms est dans le cadre frame1 À ce stade, il est créé via le tableau du cadre frame1 si l'objet noms est placé dans le tableau. frame2 à titre de comparaison, de toute évidence, les noms ne sont pas une instance de Array dans frame2. On pense que frame1 et frame2 ne sont pas du tout le même tableau. D'après le deuxième résultat réel, il est clair que les noms sont une instance du frame dans. dans lequel il se trouve. À partir de la troisième sortie, on peut voir que le tableau de frame1 et le tableau de frame2 sont différents. Alors, que devrions-nous faire lorsque nous rencontrons la comparaison multi-images ci-dessus ? Nous ne pouvons pas comparer le tableau correspondant au cadre à chaque fois. Il existe un moyen nécessaire pour résoudre le problème ci-dessus. Regardez le code suivant :
var toString = {}.toString; var now = new Date(); alert(toString.call(now))
<.>
tools.js
var tools = (function(undefined){ var class2type = {}, toString = {}.toString; var fun = { type: function (obj){ return obj === null || obj === undefined ? String(obj) : class2type[toString.call(obj)] }, isArray: function (obj){ return fun.type(obj) === "array"; }, isFunction: function (obj){ return fun.type(obj) === "function"; }, each: function (arr, callback){ var i = 0, hasLength = arr.length ? true : false; if(!callback || (typeof callback !== 'function') || !hasLength){ return; } for(i = 0; i< arr.length; i++){ if(callback.call(arr[i], i, arr[i]) === false){ break; } } } }; fun.each("Boolean Number String Array Date RegExp Object Function".split(" "), function(i, name){ class2type["[object "+ name +"]"] = name.toLowerCase(); }); return fun; })(); Réécrivez-le en fonction de la classe d'outils. fourni ci-dessus L'exemple ci-dessus :
fram2.html
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>frame2</title> <script type="text/javascript" src="tools.js"></script> <script type="text/javascript"> document.write("top.frame1.names instanceof Array:" + (top.frame1.names instanceof Array)); document.write("<br/>"); document.write("top.frame1.names instanceof top.frame1.Array:" + (top.frame1.names instanceof top.frame1.Array)); document.write("<br/>"); document.write("top.frame1.Array === top.frame2.Array?" + (top.frame1.Array === top.frame2.Array)); document.write("<br/>"); document.write("tools.isArray(top.frame1.names)?" + tools.isArray(top.frame1.names)); </script> </head> <body style="background: #747474"> </body> </html>
Remarque : des éléments tels que l'alerte ne peuvent pas être jugés dans IE.
Python vs JavaScript: Quelle langue devez-vous apprendre?May 03, 2025 am 12:10 AMLe choix de Python ou JavaScript doit être basé sur le développement de carrière, la courbe d'apprentissage et l'écosystème: 1) le développement de carrière: Python convient à la science des données et au développement de back-end, tandis que JavaScript convient au développement frontal et complet. 2) Courbe d'apprentissage: la syntaxe Python est concise et adaptée aux débutants; La syntaxe JavaScript est flexible. 3) Ecosystème: Python possède de riches bibliothèques informatiques scientifiques, et JavaScript a un puissant cadre frontal.
Frameworks javascript: alimenter le développement Web moderneMay 02, 2025 am 12:04 AMLa puissance du cadre JavaScript réside dans la simplification du développement, l'amélioration de l'expérience utilisateur et les performances des applications. Lorsque vous choisissez un cadre, considérez: 1. Taille et complexité du projet, 2. Expérience d'équipe, 3. Écosystème et soutien communautaire.
La relation entre JavaScript, C et BrowsersMay 01, 2025 am 12:06 AMINTRODUCTION Je sais que vous pouvez le trouver étrange, que doit faire exactement JavaScript, C et Browser? Ils semblent sans rapport, mais en fait, ils jouent un rôle très important dans le développement Web moderne. Aujourd'hui, nous discuterons du lien étroit entre ces trois. Grâce à cet article, vous apprendrez comment JavaScript fonctionne dans le navigateur, le rôle de C dans le moteur du navigateur et comment ils fonctionnent ensemble pour stimuler le rendu et l'interaction des pages Web. Nous connaissons tous la relation entre JavaScript et Browser. JavaScript est la langue principale du développement frontal. Il fonctionne directement dans le navigateur, rendant les pages Web vives et intéressantes. Vous êtes-vous déjà demandé pourquoi javascr
Node.js diffuse avec dactylographieApr 30, 2025 am 08:22 AMNode.js excelle dans des E / S efficaces, en grande partie grâce aux flux. Streams traite les données progressivement, en évitant la surcharge de mémoire - idéal pour les fichiers volumineux, les tâches réseau et les applications en temps réel. Combiner les flux avec la sécurité de type dactylographié crée un powe
Python vs JavaScript: considérations de performance et d'efficacitéApr 30, 2025 am 12:08 AMLes différences de performance et d'efficacité entre Python et JavaScript se reflètent principalement dans: 1) comme un langage interprété, Python fonctionne lentement mais a une efficacité de développement élevée et convient au développement rapide des prototypes; 2) JavaScript est limité au thread unique dans le navigateur, mais les E / S multi-threading et asynchrones peuvent être utilisées pour améliorer les performances dans Node.js, et les deux ont des avantages dans les projets réels.
Les origines de JavaScript: explorer son langage d'implémentationApr 29, 2025 am 12:51 AMJavaScript est originaire de 1995 et a été créé par Brandon Ike, et a réalisé que la langue en langue C. 1.C offre des capacités de programmation élevées et au niveau du système pour JavaScript. 2. La gestion de la mémoire de JavaScript et l'optimisation des performances reposent sur le langage C. 3. La fonctionnalité multiplateforme du langage C aide JavaScript à s'exécuter efficacement sur différents systèmes d'exploitation.
Dans les coulisses: quel langage alimente JavaScript?Apr 28, 2025 am 12:01 AMJavaScript s'exécute dans les navigateurs et les environnements Node.js et s'appuie sur le moteur JavaScript pour analyser et exécuter du code. 1) Générer une arborescence de syntaxe abstraite (AST) au stade d'analyse; 2) Convertir AST en bytecode ou code machine à l'étape de compilation; 3) Exécutez le code compilé à l'étape d'exécution.
L'avenir de Python et Javascript: tendances et prédictionsApr 27, 2025 am 12:21 AMLes tendances futures de Python et JavaScript incluent: 1. Python consolidera sa position dans les domaines de l'informatique scientifique et de l'IA, 2. JavaScript favorisera le développement de la technologie Web, 3. Le développement de plate-forme multiplié deviendra un sujet brûlant, et 4. L'optimisation des performances sera le focus. Les deux continueront d'étendre les scénarios d'application dans leurs champs respectifs et de faire plus de percées dans les performances.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
SublimeText3 version anglaise
Recommandé : version Win, prend en charge les invites de code !
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
SublimeText3 Linux nouvelle version
Dernière version de SublimeText3 Linux
ZendStudio 13.5.1 Mac
Puissant environnement de développement intégré PHP
