Maison > Article > interface Web > Compétences que vous devez maîtriser en JavaScript
Si vous débutez avec JavaScript ou si vous ne l'avez rencontré que récemment dans votre travail de développement, vous pourriez vous sentir frustré. Tous les langages ont leurs particularités - mais les développeurs qui passent d'un langage côté serveur basé sur un typage fort peuvent être confus. J'étais comme ça, il y a quelques années, lorsque j'ai été poussé à devenir développeur JavaScript à plein temps, et il y avait beaucoup de choses que j'aurais aimé savoir au début. Dans cet article, je vais partager certaines de mes bizarreries et j'espère pouvoir partager avec vous certaines des expériences qui m'ont donné beaucoup de maux de tête. Ceci n’est pas une liste complète – juste une liste partielle – mais j’espère qu’elle vous ouvrira les yeux sur la puissance de ce langage et sur des choses que vous avez peut-être autrefois considérées comme un obstacle.
Lorsque nous créons une nouvelle variable, nous vérifions généralement si la valeur de la variable est nulle (nulle) ou autrement indéfinie. Il s'agit d'une vérification qui doit souvent être prise en compte pour la programmation JavaScript.
Si vous l'écrivez directement, alors cela ressemble à ceci :
if (variable1 !== null || variable1 !== non défini || variable1 !== '') { let variable2 = variable1; }
|
let variable2 = variable1 || '';
|
//Exemple de valeur nulle
let variable1 = null;
let variable2 = variable1 || '';
console.log(variable2);
//Sortie : ''
//Exemple de valeur non définie
let variable1 = undefined;
let variable2 = variable1 || '';
console.log(variable2);
//Sortie : ''
//Situation normale
let variable1 = 'salut';
laissez variable2 = variable1 || '';
console.log(variable2 );
//Sortie : 'salut'
|
let a = new Array(); a[0] = "myString1"; 1] = "myString2"; a[2] = "myString3"; |
laisser un = ["myString1", "myString2", "myString3"]; |
laissez grand ;
if (x > 10) {
big = true ;
}
else {
big = false;
}
|
let big = x > 10 ? true : false; |
Simplifie grandement la quantité de code !
let big = (x > 10);
let x = 3,
big = (x > 10) ? "greater 10" : (x < 5) ? "less 5" : "between 5 and 10"; console.log(big); //"less 5" let x = 20, big = {true: x>10, false : x< =10};
console.log(big); //"Object {true=true, false=false}"
|
Bien que JavaScript hisse automatiquement les variables, cette méthode peut être utilisée pour déclarer toutes les variables sur une seule ligne en tête de la fonction.
Avant optimisation :
let x;
let y;
let z = 3;
|
Après optimisation :
let x, y, z=3; |
Avant simplification :
x=x+1;
minusCount = minusCount - 1;
y=y*10;
|
Après simplification :
x++;
minusCount --;
y*=10;
|
Supposons x=10
, y=5
, puis Les opérations arithmétiques de base peuvent utiliser les abréviations suivantes :
x += y // x=15
x -= y // x=5
x *= y // x=50
x /= y // x=2
x %= y // x=0
|
RegExp
objets avant la simplification :
var re = new RegExp("d+(.)+d+","igm"),
result = re.exec("padding 01234 text text 56789 padding");
console.log(result); //"01234 text text 56789"
|
Simplifié :
var result = /d+(.)+d+/igm.exec("padding 01234 text text 56789 padding");
console.log(result); //"01234 text text 56789"
|
Bien que ce soit très simple, cela mérite quand même d'être mentionné.
Avant simplification :
if (likeJavaScript === true) |
Après simplification :
if (likeJavaScript) |
Faisons une autre phrase pour juger si elle est vrai ou pas Exemple :
let c;
if ( c!= true ) {
// do something...
}
|
Simplifié :
let c;
if ( !c ) {
// do something...
}
|
J'ai personnellement tendance à utiliser la méthode d'obtention d'éléments d'objet pour accéder Paramètres de fonction, bien sûr, c'est une question d'opinion !
Version habituellement utilisée :
function myFunction( myString, myNumber, myObject, myArray, myBoolean ) {
// do something...
}
myFunction( "String", 1, [], {}, true );
|
Ma version préférée :
function myFunction() {
/* 注释部分
console.log( arguments.length ); // 返回 5
for ( i = 0; i < arguments.length; i++ ) {
console.log( typeof arguments[i] ); // 返回 string, number, object, object, boolean
}
*/
}
myFunction( "String", 1, [], {}, true );
|
Note du traducteur : il y a des commentaires sous l'article original indiquant qu'il n'est pas recommandé d'utiliser la méthode de l'affiche originale. L'ordre des paramètres de fonction peut être modifié en utilisant la première méthode, mais vous devez être prudent avec la seconde méthode.
Avant simplification :
"myString".charAt(0); |
Après simplification :
"myString"[0]; // 返回 'm' |
Note du traducteur : je crois qu'il n'y a plus beaucoup de gens qui utilisent la première méthode !
Avant simplification :
function x() {console.log('x')};function y() {console.log('y')};
let z = 3;
if (z == 3)
{
x();
} else
{
y();
}
|
Après simplification :
function x() {console.log('x')};function y() {console.log('y')};let z = 3;
(z==3?x:y)();
|
Vous avez dit que Si Bu Si était petit ?
En JavaScript, il existe un moyen d'abréger les nombres, peut-être que vous l'avez ignoré. 1e7
signifie 1 000 000.
Avant simplification :
for (let i = 0; i < 10000; i++) { |
Après simplification :
for (let i = 0; i < 1e7; i++) { |
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!