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.
- Demo
- Enlarge
- Reload
- New window
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.
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
- Sent (0)
- New
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
8 Amazing JavaScript Image Zoom Scripts Reply
Reply