Context and 'this'

Checking a password

var user = {
    name: "Brett",
    password: "puppyluv"
};

function checkPassword(userPass, password) {
    return userPass === password;
};

checkPassword(user.password, "hackerPassword");

Getting values from Objects

var user = {
    name: "Brett",
    password: "puppyluv"
};

function checkPassword(user, password) {
    return user.password === password;
};

checkPassword(user, "hackerPassword");

Attaching functions to their

associated object

var user = {
    name: "Brett",
    password: "puppyluv"
};

user.checkPassword = function(context, password) {
    return context.password === password;
}

user.checkPassword(user, "hackerPassword");

Context is useful...

function checkPass(password) {
    return context.password === password;
}

var user = {
    name: "Brett",
    password: "puppyluv",
    checkPass: checkPass
};


user.checkPassword(user, "hackerPassword");

...But context can have problems

function checkPass(password) {
    return context.password === password;
}

var user = {
    name: "Brett",
    password: "puppyluv",
    checkPass: checkPass
};


user.checkPassword(user, "hackerPassword");

deck

By Brett Caudill

deck

  • 761