google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank
Guest, register






10 Tiny JavaScript Snippets for Good Beginners Yes, as the title of this JavaScript tutorial said, these JavaScript tips and tricks are so tiny and simple for operating, but sometimes we (web developers and web programmers/coders) forget about them. Therefore, the author of these snippets reminds us to simply and optimize the JavaScript codes in our tasks.


Label: 10, JavaScript snippet, beginner, JavaScript tip, JavaScript trick, web developer, web programmer, web coder, optimize

Free iPage Web Hosting for First Year NOW



If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage.
Try iPage for FREE First Year NOW

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

JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web