Let's have a look at our best friend,
console.log! It's such an amazing "tool" if we can call it that.
Logging is just making our life so much easier, and I use it all the time.
But did you know we can pass params in console.logs?
- Strings: Use
- Integer: Use
- Floats: Use
- Object hyperlink: Use
These are more than enough types and can come in handy!
To use params, we can place them in our console log as such:
console.log('This %s will return the number %d', 'string', 10); // This string will return the number 10
As you can see, we can give it multiple params at once. These are read in the order inputted.
So in the above's example, it will be
%s first then
Let's give them all a try:
console.log('Let us %s a string', 'print'); // Let us print a string console.log('The number %d is not the same as %i', 10, 11); // The number 10 is not the same as 11 console.log('Even a float like %f will work', 10.233); // Even a float like 10.233 will work console.log('There is a good link: %o', 'http://stackoverflow.com'); // There is a good link: "http://stackoverflow.com"
Yes, you can also just add this in, but I prefer this way, just neater code and more readable!
Give it a try on your next project.
Find this example on Codepen.