Cet article partage principalement avec vous 12 techniques couramment utilisées pour l'abréviation javascript. Grâce à ces 12 techniques, vous pouvez réduire considérablement la quantité de votre code js. Comprendre un débutant est un maître. tu sais? Du drap de laine? Amis qui en ont besoin, veuillez suivre l'éditeur pour apprendre ensemble.
Avant-propos
Cet article partage principalement 12 techniques couramment utilisées pour l'abréviation javascript. Que vous soyez débutant ou vétéran, cela en vaut la peine. Lisez-le ! Pas grand chose à dire ci-dessous, jetons un œil à l'introduction détaillée :
1. Vérification vide (nulle, non définie)
if (variable1 !== null || variable1 !== undefined || variable1 !== ''){ let variable2 = variable1; }
let variable2 = variable1 || '';
//值为null的例子 let variable1 = null; let variable2 = variable1 || ''; console.log(variable2); //输出: '' //值为undefined的例子 let variable1 = undefined; let variable2 = variable1 || ''; console.log(variable2); //输出: '' //正常情况 let variable1 = 'hi there'; let variable2 = variable1 || ''; console.log(variable2); //输出: 'hi there'
2. Tableau
let a = new Array(); a[0] = "myString1"; a[1] = "myString2"; a[2] = "myString3";
let a = ["myString1", "myString2", "myString3"];
3. Optimisation de si vrai .. sinon
let big; if (x > 10) { big = true; } else { big = false; }
let big = x > 10 ? true : false;
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}"
4. Déclaration des variables
let x; let y; let z = 3;
let x, y, z=3;
5. Simplification des relevés d'affectation
x=x+1; minusCount = minusCount - 1; y=y*10;
x++; minusCount --; y*=10;
x += y // x=15 x -= y // x=5 x *= y // x=50 x /= y // x=2 x %= y // x=0
6. Évitez d'utiliser des objets RegExp
var re = new RegExp("\d+(.)+\d+","igm"), result = re.exrc("padding 01234 text text 56789 padding"); console.log(result);//"01234 text text 56789"
var result = /d+(.)+d+/igm.exec("padding 01234 text text 56789 padding"); console.log(result); //"01234 text text 56789"
7. Si optimisation des conditions
if (likeJavaScript === true)
if (likeJavaScript)
let c; if ( c!= true ) { // do something... }
let c; if ( !c ) { // do something... }
9. Optimisation des paramètres de fonction
function myFunction( myString, myNumber, myObject, myArray, myBoolean ) { // do something... } myFunction( "String", 1, [], {}, true );
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 );
10. Alternatives à charAt()
"myString".charAt(0);
"myString"[0];//返回'm'
11. Les appels de fonctions peuvent être plus courts
function x() {console.log('x')};function y() {console.log('y')}; let z = 3; if (z == 3) { x(); } else { y(); }
function x() {console.log('x')};function y() {console.log('y')};let z = 3; (z==3?x:y)();
12. Comment exprimer de grands nombres avec élégance
for (let i = 0; i < 10000; i++) {
for (let i = 0; i < 1e7; i++) {
Résumé
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!