Javascript this

by Joshua McNeese

JavaScript

console.log('A function invoked using Function.call()');

var myObject = {
    sayHello: function () {
        console.log("Hi! My name is " + this.myName);
    },
    myName: "Rebecca"
};

var secondObject = {
    myName: "Colin"
};

myObject.sayHello(); // "Hi! My name is Rebecca"
myObject.sayHello.call(secondObject); // "Hi! My name is Colin"

console.log('A function created using Function.bind()');

var myName = "the global object";
var sayHello = function () {
    console.log("Hi! My name is " + this.myName);
};

sayHello(); // "Hi! My name is undefined"

console.log('A function being attached to an object at runtime.');

var sayHello = function () {
    console.log("Hi! My name is " + this.myName);
};
var myObject = {
    myName: "Rebecca"
};
var secondObject = {
    myName: "Colin"
};

myObject.sayHello = sayHello;
secondObject.sayHello = sayHello;

myObject.sayHello(); // "Hi! My name is Rebecca"
secondObject.sayHello(); // "Hi! My name is Colin"