Question

How do you achieve the following thing in Javascript

1) var MyObject={
2)    tableView:true,
3)    chartView:!(this.tableView)
4) }

The code at line number 3 is not working. Whats wrong in that line ?

What i basically want to do is set “chartView” to opposite of “tableView” whenever tableView is set from code.

Answer 1

Since you’re in the process of creating the object, this is not bound to that object. Moreover, since you want chartView to always evaluate to the opposite of tableView, even if the latter changes further down the line, a function would be a better approach:

var MyObject = {
    tableView: true,
    chartView: function() {
        return !this.tableView;
    }
};

Now you can do:

var chartView = MyObject.chartView();  // false.
MyObject.tableView = false;
chartView = MyObject.chartView();      // true.