Skip to content

Instantly share code, notes, and snippets.

@Bijesse
Forked from anonymous/index.html
Created August 17, 2016 01:29
Show Gist options
  • Save Bijesse/2186e9dc20577d6e5c62b4b0c6674e2a to your computer and use it in GitHub Desktop.
Save Bijesse/2186e9dc20577d6e5c62b4b0c6674e2a to your computer and use it in GitHub Desktop.
call, apply and bind with this // source http://jsbin.com/pihiye
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>call, apply and bind with this </title>
</head>
<body>
<script id="jsbin-javascript">
// With a partner, please complete the exercises below:
var potus = {
name: 'Barack Obama'
}
var candidates = {
democrat: {
name: 'Hillary Clinton',
},
republican: {
name: 'Donald Trump',
},
libertarian: {
name: 'Gary Johnson'
}
};
function greet (greeting, punctuation) {
console.log(greeting + ', ' + this.name + punctuation)
}
// IMPORTANT! For the following questions, do no make any edits to the above code!
// 1) Use any method to print 'Hello, Barack Obama.' to the console
greet.call(potus,"Hello", ".");
// 2) Use .call to print 'Wat Up, Hillary Clinton!' to the console
greet.call(candidates.democrat, "Wad up", "!")
// 3) Use .apply to print 'Yo, Donald Trump!' to the console
greet.apply(candidates.republican, ["Yo!", "!"])
// 4) Use .bind to print 'Who are you, Gary Johnson?'
var greetGary = greet.bind(candidates.libertarian);
greetGary("who are you", "?")
</script>
<script id="jsbin-source-javascript" type="text/javascript">// With a partner, please complete the exercises below:
var potus = {
name: 'Barack Obama'
}
var candidates = {
democrat: {
name: 'Hillary Clinton',
},
republican: {
name: 'Donald Trump',
},
libertarian: {
name: 'Gary Johnson'
}
};
function greet (greeting, punctuation) {
console.log(greeting + ', ' + this.name + punctuation)
}
// IMPORTANT! For the following questions, do no make any edits to the above code!
// 1) Use any method to print 'Hello, Barack Obama.' to the console
greet.call(potus,"Hello", ".");
// 2) Use .call to print 'Wat Up, Hillary Clinton!' to the console
greet.call(candidates.democrat, "Wad up", "!")
// 3) Use .apply to print 'Yo, Donald Trump!' to the console
greet.apply(candidates.republican, ["Yo!", "!"])
// 4) Use .bind to print 'Who are you, Gary Johnson?'
var greetGary = greet.bind(candidates.libertarian);
greetGary("who are you", "?")
</script></body>
</html>
// With a partner, please complete the exercises below:
var potus = {
name: 'Barack Obama'
}
var candidates = {
democrat: {
name: 'Hillary Clinton',
},
republican: {
name: 'Donald Trump',
},
libertarian: {
name: 'Gary Johnson'
}
};
function greet (greeting, punctuation) {
console.log(greeting + ', ' + this.name + punctuation)
}
// IMPORTANT! For the following questions, do no make any edits to the above code!
// 1) Use any method to print 'Hello, Barack Obama.' to the console
greet.call(potus,"Hello", ".");
// 2) Use .call to print 'Wat Up, Hillary Clinton!' to the console
greet.call(candidates.democrat, "Wad up", "!")
// 3) Use .apply to print 'Yo, Donald Trump!' to the console
greet.apply(candidates.republican, ["Yo!", "!"])
// 4) Use .bind to print 'Who are you, Gary Johnson?'
var greetGary = greet.bind(candidates.libertarian);
greetGary("who are you", "?")
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment