0.apply、call 有什么作用，什么区别

apply方法是指定this和参数的情况下调用某个函数
call方法是使用一个指定的this和若干个指定参数的前提下调用某个函数或方法
主要区别在于call是接受this和若干个参数的列表而apply则是接受一个包含多个参数的数组

1.以下代码输出什么?

<pre>
var john = {
firstName: "John"
}
function func() {
alert(this.firstName + ": hi!")}
john.sayHi = func
john.sayHi()
</pre>

输出下图，因为这里是john在调用func，所以this的环境是john，所以他的this.firstname也就是john

Paste_Image.png

2.下面代码输出什么，为什么

<pre>
func()
function func() { alert(this)}
</pre>
输出window，因为是在全局下调用的函数，所以环境就是window本身

3.下面代码输出什么，为什么

<pre>
function fn0(){
function fn(){
console.log(this); }
fn();}
fn0();
document.addEventListener('click', function(e){
console.log(this);
setTimeout(function(){
console.log(this); }, 200);}, false);
</pre>
第一个fn0调用输出的是window，因为这里是在全局环境下调用的函数，所以this指代环境window。
每次单击之后，输出的是document和window，因为第一个this就是在监听事件内发生的，所以输出的this环境是document，第二个输出window是因为两个定时器函数比较特殊，是固定输出window的。

4.下面代码输出什么

<pre>
var john = {
firstName: "John" }
function func() {
alert( this.firstName )}
func.call(john)
</pre>
输出john，因为使用call函数把this绑定到了john上，所以输出john

5.下面代码输出什么

<pre>
var john = {
firstName: "John",
surname: "Smith"}
function func(a, b) {
alert( this[a] + ' ' + this[b] )}
func.call(john, 'firstName', 'surname')
</pre>
输出John smith，因为call的第一个参数相当于this，后两个参数相当于func的参数

6.下面代码有什么问题

<pre>
var module= {
bind: function(){
$btn.on('click', function(){
console.log(this) //this指什么
this.showMsg(); }) },
showMsg: function(){
console.log('饥人谷'); }}
</pre>
第一个this指代$btn，第二个也是指代btn然而btn没有showMsg这个方法，所以应该在函数最开始声明

Paste_Image.png