google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






10 Tiny extraits de code JavaScript pour les débutants Bonne Oui, comme le titre de ce tutoriel JavaScript dit, ces conseils et astuces JavaScript sont si minuscules et simple de l'exploitation, mais parfois nous (les développeurs Web et les programmeurs web/codeurs) les oublier.


Étiquette: 10, Extrait de code JavaScript, Débutant, JavaScript Tip, JavaScript trick, Web Developer, Programmeur Web, codeur web, optimiser

Gratuit iPage hébergement Web pour la première année MOMENT



Si vous êtes toujours à la recherche d'un fournisseur d'hébergement Web fiable avec des tarifs abordables, pourquoi vous ne prenez pas un peu de temps pour essayer iPage, seulement avec $1.89/month, inclus $500+ Crédits supplémentaires gratuites pour le paiement de 24 mois ($45)?

Plus de 1.000.000 de clients + existisng peuvent pas avoir tort, vraiment vous n'êtes pas aussi! Plus important encore, lorsque vous enregistrez l'hébergement web à iPage grâce à notre lien, nous allons être heureux de renvoyer un plein remboursement. C'est génial! Vous devriez essayer iPage hébergement web GRATUITEMENT maintenant! Et contactez-nous pour tout ce que vous devez savoir sur iPage.
Essayez iPage GRATUIT première année MOMENT

Organize and Improve Functions with Objects as Parameters

A very common use of objects in modern web development is to use them as parameters of a function. It is always difficult to remember the order of the parameters of a function; however, using an object is very useful because then we do not have to be concerned about the order of the parameters. Moreover, it is more organized in order to understand what we are doing. This method allows for you to organize and improve the functions with objects as parameters. For example:

function insertData(name,lastName,phone,address){
  code here;
}

Could be remade like this:
function insertData(parameters){
  var name = parameters.name;
  var lastName = parameters.lastName;
  var phone = parameters.phone;
  var address = parameters.address;
}

It also is very useful at the time to have defaults values. Example:

function insertData(parameters){
  var name = parameters.name;
  var lastName = parameters.lastName;
  var phone = parameters.phone;
  var address = parameters.address;
  var status = parameters.status || 'single' //If status is not defined as a property in the object the variable status take single as value
}

To use the function now is pretty simple; we could send the data in two ways:

//Example 1
insertData({name:'Mike', lastName:'Rogers', phone:'555-555-5555',address:'the address', status:'married'});

//Example 2
var myData = {       name:'Mike', 
                         lastName:'Rogers', 
                               phone:'555-555-5555',
                             address:'the address', 
                                status:'married'
                       };

insertData(myData);

Functions are Data

Functions are data just like strings or numbers and we can pass them as functions parameters to create very amazing and commanding web applications. This method is very useful and is utilized by most all major frameworks. For example:

function byId(element, event, f){
  Document.getElementById(element).['on'+event] = f; //f is the function that we pass as parameter
}

byId('myBtn','click',function(){alert('Hello World')});

Another example of functions as data:

//Example 1
function msg(m){
  Alert(m);
}

//Example 2
var msg = function(m){ alert(m);}

Those functions are exactly the same. The only difference is how to use them for example: the first function you can use before it is declared; however, the second one should be declared in order to work:

//Example 1
msg('Hello world'); //This will work

function msg(m){
  alert(m);
}

//Example 2
msg('Hello world'); //Does not work because JavaScript cannot find the function msg because is used before is been declared.

var msg = function(m){ alert(m)}

Extend Native Objects

Even though some JavaScript gurus do not recommend this technique, it has been used by some frameworks. It allows you to create some helper methods, to the JavaScript API.

//We create the method prototype for our arrays
//It only sums numeric elements

Array.prototype.sum = function(){
    var len = this.length;
    total = 0;
    for(var i=0;i<len;i++){
        if(typeof this[i]!= 'number') continue;
         total += this[i];
    }
    return total;
}

var myArray = [1,2,3,'hola'];
myArray.sum();

Array.prototype.max = function(){
    return Math.max.apply('',this);
}

Boolean

Be aware of checking these comparisons, because it will save you time from debugging the script.

'' == '0'          // false
0 == ''            // true
0 == '0'           // true
false == 'false'   // false
false == '0'       // true
false == undefined // false
false == null      // false
null == undefined  // true
true == 1          // true
'' == null         // false
false == ''        // true
iPhoneKer.com
Save up to 630$ when buy new iPhone 15

GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language

Dall-E-OpenAI.com
Generate creative images automatically with AI

AIVideo-App.com
Render creative video automatically with AI

JavaScript par jour


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web