Outputting information in Javascript that is not contained within the script itself

Question

Outputting information in Javascript that is not contained within the script itself

Recently, I encountered an issue with my JavaScript code.

var customer = {
    name: "John Jack",
    speak: function(){
        return "my name is "+name;
    },
    address:{
        street: '123 main st',
        city: 'Pittsburgh',
        state: 'PA'
    }
}

document.write(customer.speak());

Expected output in my HTML:

my name is John Jack

However, the actual result was quite unexpected:

my name is Peaks mirroring in a lake below, Stubai Alps, Austria

I have been pondering over various theories as to why this strange output occurred. One suspicion is that it might be related to a Chrome extension I have installed called "Pixlr". But I fail to see how my JS code could be influenced by it. I even attempted modifying variable names and changing speak to say, yet the outcome remained unchanged. Can someone shed some light on what may be causing this anomaly?

javascript

Answer 1

Answer №1

substitute name for this.name

var user = {
  name: "Sarah Smith",
  talk: function() {
    return "my name is " + this.name;
  },
  location: {
    street: '456 Maple Ave',
    city: 'Seattle',
    state: 'WA'
  }
}

document.write(user.talk());

Answer 2

substitute name for this.name

var user = {
  name: "Sarah Smith",
  talk: function() {
    return "my name is " + this.name;
  },
  location: {
    street: '456 Maple Ave',
    city: 'Seattle',
    state: 'WA'
  }
}

document.write(user.talk());

Outputting information in Javascript that is not contained within the script itself

Answer №1

Similar questions

When should we utilize the React.Children API in React applications?

Ensure that ExpressJS response includes asynchronous try/catch handling for any errors thrown

Summoning within a rigorous mode

Adjust the path-clip to properly fill the SVG

Display the Angular UI grid containing data from the textboxes once the information has been submitted

Hover Action Failing to Activate

Changing an ng-repeat filter following the manual update of a text input

Tips for changing the value of a TextField in React Material

Shake up your background with a random twist

Transform for loop from Axios post requests to promises

Steps for dealing with uncaught exceptions in react and displaying a straightforward "internal error" notice on the user interface

The nested ng-repeat on angular seems to be malfunctioning

Using ReactJS to Retrieve Input Value from Prompt Box and Save to Database

Utilize Vue.js 3 and InertiaJs to Retrieve Session Information in Laravel 9

Guide to pulling and showcasing information from XML at 30-second intervals using JQUERY AJAX and HTML

Mongoose virtual population allows you to fetch related fields

Is the PHP Ajax parameter missing during the upload process?

Using an if/else statement to detect if the iFrame is devoid of content

Inject Dynamic HTML Content onto the Page or in a Pop-up Box

Interacting with an XML file contained within a PHP variable using jQuery