Binding of javascript object properties [duplicate]

Question

Possible Duplicate:
Why does javascript object show different values in console in Chrome, Firefox, Safari?

I'm quite new to be using javascript's OOP concepts. I'm trying to understand the binding of javascript properties. Does javascript execute the below code, sequentially?

 // main.js
 function NameClass(){
   this.name = "John"
   this.age = 25
 }

 NameClass.prototype.change_my_name = function(new_name){
   this.name = new_name
 }

 NameClass.prototype.change_my_age = function(new_age){
   this.age = new_age
 }


 // main.html
  <html>
    <head>
      <title>Javascript tutorial</title>
        <script src="main.js"></script>
        <script>
          var nc = new NameClass()

          console.log("nc before modification")
          console.log(nc) // Prints Doe

          nc.change_my_name("Doe")

          console.log("nc after modification")
          console.log(nc) // Prints Doe
        </script>
      </head>
    <body></body>
  </html>

Now, what is trick here?

Why do I see "Doe" display both the times?
What is the mechanism that I've to use here in order to display "John" the first time and "Doe" in the second?

I assume you're using Chrome? This is a known bug with logging objects in the Chrome developer console. — Shmiddty
– Shmiddty, Commented Oct 26, 2012 at 17:42

Frederik H · Accepted Answer · 2012-10-26 18:27:46Z

4

console.log() will not necessarily log the value the variable had at the time you tried to log it.

edited Oct 26, 2012 at 18:27

answered Oct 26, 2012 at 17:43

Frederik H

1,5162 gold badges13 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Jarrett Meyer Over a year ago

... without an interrupt. Do the same thing with an 'alert'. You'll see the value change.

Jarrett Meyer Over a year ago

... or test it with QUnit. You'll see the two different values.

jfriend00 Over a year ago

Or just get the desired log value as a string (not an object) and log that. It works when using strings, just not when using objects.

Vineeth Pradhan Over a year ago

@jfriend00 : Firefox logs the object state as expected. The problem is in Chrome when we try to log objects. Though, logging strings works fine in both the browsers

jfriend00 Over a year ago

@Vineeth - yes I know it's a Chrome issue. I was suggesting that if you only pass a string to console.log(), then you don't have an issue in Chrome.

|

Collectives™ on Stack Overflow

Binding of javascript object properties [duplicate]

1 Answer 1

9 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Linked

Related