Just JavaScript - The Object Expression
Written by Ian Elliot   
Thursday, 12 June 2014
Article Index
Just JavaScript - The Object Expression
String Values
Comparison Operators
Functions In Expressions

Recap

To summarize:

  1. There are two equality (and inequality) operators == and the strict equality operator ===.

  2. If the operands are both object references op1==op2 and op1===op2 work in the same way and return true only if the two operands reference the same object.

  3. In all other cases op1==op2 calls valueOf by default and toString if needed before the test and op1===op2 doesn't and just performs the comparison. 

  4. You can always force valueOf to be called by adding a unary plus + in front of the operand. Thus +op1===+op2 is almost the same as op1==+op2, but it doesn't automatically call toString if type conversion is required. 

 

Functions in expressions

As well as objects you can also include function evaluations within an expression. For example

var a=2*myFunction();

in this case the function can return a general object and the valueOf and toString methods are used as described earlier to obtain a primitive value of the correct sort.  For example if myFunction returns a custom object then its valueOf method is called to obtain a primitive value etc.. 

What is interesting is that as a Function object is an Object it too can define valueOf and toString methods. So for example:

var myFunction=function(){return 1;};
myFunction.valueOf=function(){return 2};

Now you can write

var a=2*myFunction();

and the result is 2 or

var a=2*myFunction;

and the result is 4.

You could also put a function evaluation in the valueOf method so that the function can be called with or without () and parameters. 

myFunction.valueOf=function(){return this()};

Now writing myFunction() returns the same as writing myFunction. 

The object expression principle

Now that we have all of the fine detail of how object expressions work, it is time to state the key principle of using expressions in JavaScript - the Object Expression Principle:

   Anywhere you can use an object you can use an expression

At this point you might be thinking that this is not particularly useful as expressions evaluate to primitive values - Number, String or Boolean. However, as you can use a function in an expression, a single function evaluation is also an expression and in this case the return value can be any object.

This one simple idea makes it possible to do a lot of things that would otherwise be very difficult. 

For example when you are defining an object literal you can write:

var myObject1={myProperty:myObject2};

which sets myProperty to be a reference to myObject2. 

However, if you  write

var myObject1={myProperty: +myObject2};

then myProperty will be set to whatever myObject2.valueOf returns.

And finally 

 var myObject1={myProperty: myObject2()};

sets myProperty to whatever the function body of myObject2 returns.

Of course this last one assumes that myObject2 is a Function object. 

The ability to use an object expression anywhere an object can be used might seem obvious or a small thing - but in practice it turns out to be a very powerful idea that makes a lot of interesting things possible. Often the use is so commonplace that you might not even have noticed that this is exactly what is going on.  

 

JustJavaScripticon

 

Just JavaScrpt 
A Radical Look At JavaScript

  1. In The Beginning Was The Object
  2. The Function Object
  3. How Functions Become Methods

 

Coming Next

More functions - Object factories and constructors

Related Articles

Javascript Jems - First class functions

JavaScript Objects With Value - valueOf and toString

JavaScript Hoisting Explained       

WAT! JavaScript, Ignorance And Prejudice       

The Undefined Defined Variable       

Javascript Jems - Active Logic, Truthy and Falsey

Objects with Values in JavaScript

Impossible Equalities - a JavaScript puzzle

 

To be informed about new articles on I Programmer, install the I Programmer Toolbar, subscribe to the RSS feed, follow us on, Twitter, FacebookGoogle+ or Linkedin,  or sign up for our weekly newsletter.

 

 

Banner


Just JavaScript - The Prototype Mechanism

The prototype is about the most mysterious part of JavaScript. Once you have mastered the call context and the constructor, it is the prototype that you have to turn to. How does it work? How do you u [ ... ]



Getting Started With jQuery - Advanced Filters

When you first encounter filters they seem easy enough - just extract the results you want from the results you have. The trouble is that filters are fun and jQuery pushes the idea beyond the obvious. [ ... ]


Other Articles

 

blog comments powered by Disqus

<ASIN:0596805527>

<ASIN:193398869X>

<ASIN:0137054890>

<ASIN:1449381871>

<ASIN:1430230541>



Last Updated ( Friday, 05 September 2014 )
 
 

   
RSS feed of all content
I Programmer - full contents
Copyright © 2014 i-programmer.info. All Rights Reserved.
Joomla! is Free Software released under the GNU/GPL License.