Résumé des méthodes JavaScript courantes_Connaissances de base
WBOY
Libérer: 2016-05-16 16:29:35
original
1252 Les gens l'ont consulté
Ce chapitre ne fournit pas une explication approfondie de certains des principes sous-jacents de js, tels que ce pointeur, cette portée et ces prototypes. Il implique certaines choses qui sont bénéfiques pour simplifier le code et améliorer l'efficacité de l'exécution lors du développement quotidien, ou qui peuvent le faire. être utilisé comme méthode empirique, la longueur n'est pas longue et vous pouvez lire l'intégralité de l'article par petites étapes et découvrir la joie de la programmation.
Obtenez des nombres aléatoires dans deux intervalles
function getRandomNum(Min, Max){ // Obtenez des nombres aléatoires dans deux intervalles
// @Backfire Crazy a proposé qu'il soit possible que le premier paramètre soit supérieur au deuxième paramètre, donc ajouter un peu plus de jugement est plus fiable
Si (Min > Max)
Max = [Min, Min = Max][0]; // Échangez rapidement deux valeurs variables
var Plage = Max - Min 1;
var Rand = Math.random();
Retour Min Math.floor(Rand * Range);
};
Renvoie aléatoirement un paramètre positif/négatif
function getRandomXY(num){ // Renvoie aléatoirement un paramètre positif/négatif
num = nouveau Nombre(num);
Si (Math.random() <= 0,5)
num = -num;
Renvoie le numéro ;
>
Fonction de minuterie setInterval() ou setTimeOut() passant des paramètres
var s = 'Je suis un paramètre';
fonction fn(args) {
console.log(args);
>
var a = setInterval(fn(s),100); // erreur xxxxxx xxxxx
var b = setInterval(function(){ // Correct, utilisez la fonction anonyme pour appeler la fonction chronométrée
fn(s);
}, 100);
le minuteur setInterval() ou setTimeOut() appelle de manière récursive
var s = vrai ;
function fn2(a, b){ // Étape 3
Si(s) {
clearInterval(a);
clearInterval(b);
>
};
function fn(a){ // Étape 2
var b = setInterval(function(){
fn2(a, b) // Passer en deux minuteries
}, 200)
};
var a = setInterval(function(){ // Étape 1
fn(a); // b représente le minuteur lui-même, qui peut être passé en paramètre de siège
}, 100);
// Pas besoin de new Number(String) ni de Number(String). Soustrayez simplement zéro de la chaîne .
var str = '100'; // str : Chaîne
var num = str - 0;// num : Nombre
var s = ''; // Chaîne vide
if(!s) // La chaîne vide est convertie en booléen false par défaut et peut être écrite directement dans l'instruction de jugement
if(s != null) // Mais chaîne vide != null
if(s != non défini) // Chaîne vide également != non défini
// La conversion suivante est 0 dans IE et 1 dans les autres navigateurs. Ceci est lié au système de base utilisé par le navigateur IE pour interpréter les nombres .
var iNum = parseInt(01);
// La méthode d'écriture compatible est donc
var num = parseInt (nouveau numéro (01));
//Firebug possède un objet console intégré qui fournit des méthodes intégrées pour afficher les informations
/**
* 1 : console.log(), qui peut être utilisé pour remplacer alert() ou document.write(), prend en charge la sortie d'espace réservé, les caractères (%s), les entiers (%d ou %i), les nombres à virgule flottante (%f ) et l'objet (%o). Par exemple : console.log("%d année %d mois %d jour", 2011,3,26)
*2 : S'il y a trop d'informations, elles peuvent être affichées en groupes. Les méthodes utilisées sont console.group() et console.groupEnd() .
*3 : console.dir() peut afficher toutes les propriétés et méthodes d'un objet
* 4 : console.dirxml() permet d'afficher le code html/xml contenu dans un nœud de la page web
* 5 : assertion console.assert(), utilisée pour déterminer si une expression ou une variable est vraie
* 6 : console.trace() est utilisé pour suivre la trace appelante de la fonction
* 7 : console.time() et console.timeEnd(), utilisés pour afficher le temps d'exécution du code
* 8 : L'analyse des performances (Profiler) consiste à analyser le temps d'exécution de chaque partie du programme et à découvrir où se trouve le goulot d'étranglement. La méthode utilisée est console.profile()....fn....console.profileEnd(. )
*/
Obtenez rapidement l'heure actuelle en millisecondes
// b n'est pas nul : a=b, b est nul : a=1.
var a = b || 1;
// L'utilisation la plus courante consiste à transmettre des paramètres à une méthode de plug-in et à obtenir l'élément cible de l'événement : event = event ||
// IE a un objet window.event, mais pas FF.
Seuls les objets méthode ont des attributs de prototype
// La méthode a l'attribut prototype d'objet prototype, mais les données d'origine n'ont pas cet attribut, comme var a = 1, a n'a pas l'attribut prototype
function Person() {} // Constructeur de personne
Person.prototype.run = function() { alert('run...'); } // Méthode d'exécution du prototype
Personne.run(); // erreur
var p1 = new Person(); // Uniquement lors de l'utilisation de l'opérateur new, la méthode d'exécution du prototype sera affectée à p1
p1.run(); // exécuter...
// Calcule le jour de la semaine où est l'heure actuelle du système
var week = "Aujourd'hui c'est : semaine" "Jour un, deux, trois, quatre, cinq, six".charat(new date().getDay());
/**
* Fermeture : tout corps de méthode js peut être appelé une fermeture. Cela ne se produit pas uniquement lorsqu'une fonction en ligne fait référence à un paramètre ou à un attribut d'une fonction externe.
* Il a une portée indépendante, dans laquelle il peut y avoir plusieurs sous-portées (c'est-à-dire des méthodes imbriquées de méthode. En fin de compte, la portée de fermeture est la portée de la méthode la plus externe ).
* Il inclut ses propres paramètres de méthode et les paramètres de méthode de toutes les fonctions intégrées, donc lorsqu'une fonction intégrée a une référence externe, la portée de la référence est la portée de la méthode (de niveau supérieur) où se trouve la fonction référencée
*/
fonction a(x) {
Fonction b(){
alert(x); // Paramètres de fonction externes de référence
>
Retour b;
>
var run = a('run...');
// En raison de l'expansion de la portée, les variables de la fonction externe a peuvent être référencées et affichées
run(); // alert(): run..
Obtenir la chaîne de paramètres d'adresse et actualiser régulièrement
// Vous avez un point d'interrogation ? Le contenu suivant comprend des points d'interrogation
var x = window.location.search
// Récupère le contenu après le numéro de police #, y compris le numéro #
var y = window.location.hash
// Utilisez le minuteur pour actualiser automatiquement la page Web
window.location.reload();
/**
* Le type Indéfini n'a qu'une seule valeur, qui est indéfinie. Lorsqu'une variable déclarée n'a pas été initialisée, la valeur par défaut de la variable n'est pas définie.
* Le type Null n'a également qu'une seule valeur, qui est null. Null est utilisé pour représenter un objet qui n'existe pas encore. Il est souvent utilisé pour indiquer qu'une fonction tente de renvoyer un objet inexistant.
* ECMAScript estime qu'undefined est dérivé de null, ils sont donc définis comme égaux.
* Cependant, si dans certains cas, il faut distinguer ces deux valeurs, que faire ? Vous pouvez utiliser les deux méthodes suivantes
* Lorsque vous portez des jugements, il est préférable d'utiliser un jugement de type fort '===' pour juger si un objet a une valeur.
*/
var a;
alert(a === null); // false, car a n'est pas un objet vide
alert(a === undefined); // true, car a n'est pas initialisé, la valeur est indéfinie
// Extension
alert(null == undefined); // true, car l'opérateur '==' effectuera la conversion de type,
//De même
alerte(1 == '1'); // vrai
alert(0 == false); // true, false sont convertis en type Number 0
// La méthode a a un paramètre supplémentaire 2
fonction a(x){
var arg = Array.prototype.push.call(arguments,2);
alert(arguments[0] '__' arguments[1]);
>
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