We now have a youtube channel. Subscribe!

Learn how to implement JavaScript Literals with examples

Hello readers! welcome back to another section of my tutorial post on JavaScript. In my last tutorial guide we discussed about how to to implement Javascript Function constructor, so let us move on to another exciting topic called the Javascript Function Literals.

The JavaScript 1.2 introduces the concept of function literals which is another new way of defining functions. A JavaScript function literal is an expression that defines an unnamed function.


The syntax for a function literal is much like a function statement, except that it is used as an expression rather than a statement and no function name is required.

You can also read our tutorial post on: How to implement JavaScript functions in your program

<script   type = "text/javascript">
          var  variablename = function(Argument List)  {         
               Function Body

Syntactically, you can specify a function name while creating a literal function as follows:

<script  type = "text/javascript">
          var  variablename = function FunctionName(Argument List)   {    
               Function Body

But this name does not have any significance, so it is not useful.

You can also read our tutorial post on: JavaScript - Loop Control


Try the following example below to understand how a function literal is used.

          <script   type = "text/javascript">
                    var func = function(x, y)  {
                         return x*y
                    function  secondFunction()  {
                         var  result;
                         result = func(10, 10);

          <p>Click the following button to call the function</p>     

               <input  type = "button"  onclick = "secondFunction()"  value = "Click">     



Below is the output of the above example

click the following button to call the function


Alright guys! This is where we are rounding up for this tutorial post. In my next tutorial, we are going to be studying about the Javascript Events.

Feel free to ask your questions where necessary and i will attend to them as soon as possible. If this tutorial was helpful to you, you can use the share button to share this tutorial.

Follow us on our various social media platforms to stay updated with our latest tutorials. You can also subscribe to our newsletter in order to get our tutorials delivered directly to your emails.

Thanks for reading and bye for now.

Post a Comment

Hello dear readers! Please kindly try your best to make sure your comments comply with our comment policy guidelines. You can visit our comment policy page to view these guidelines which are clearly stated. Thank you.
© 2023 ‧ WebDesignTutorialz. All rights reserved. Developed by Jago Desain