Day9

1-说说你对 this 的理解

this的指向不是在编写时确定的,而是在执行时确定的，同时，this不同的指向在于遵循了一定的规则。

1.默认情况下，指向全局，浏览器的话就是指向window

2.如果函数被调用的位置存在上下文，那么函数被隐式绑定

function f() {

console.log( this.name );

} var obj = {

name: "Messi",

f: f

};

obj.f(); //被调用的位置恰好被对象obj拥有，因此结果是Messi

3 new 指向这个新对象。

function Person(name) {

this.name = name; console.log(name);

}

var person1 = new Person('Messi'); //Messi

4.箭头函数的this指向哪里？
箭头函数的是没有属于自己的this的，它所谓的this是捕获其上下文的this，作为自己的this，所以箭头函数不会被new调用,所谓的this也不会被改变
我们可以用Babel理解一下箭头函数:

// ES6

const obj = {

getArrow() {

return () => {

console.log(this === obj);

};

}

// ES5，由 Babel 转译

var obj = {

getArrow: function getArrow() {

var _this = this;

return function () {

console.log(_this === obj);

};

}

};

2-call\apply\bind 的区别和联系？

1.call/apply/bind方法的来源

　　首先，在使用call，apply，bind方法时，我们有必要知道这三个方法究竟是来自哪里？为什么可以使用的到这三个方法？

　　call，apply，bind这三个方法其实都是继承自Function.prototype中的，属于实例方法。

上面代码中，都返回了true，表明三种方法都是继承自Function.prototype的。当然，普通的对象，函数，数组都继承了Function.prototype对象中的三个方法，所以这三个方法都可以在对象，数组，函数中使用。

2.Function.prototype.call()

　　函数实例的call方法，可以指定该函数内部this的指向（即函数执行时所在的作用域），然后在所指定的作用域中，调用该函数。并且会立即执行该函数。

call()方法可以传递两个参数。第一个参数是指定函数内部中this的指向（也就是函数执行时所在的作用域），第二个参数是函数调用时需要传递的参数。

第一个参数是必须的，可以是null，undefined，this，但是不能为空。设置为null，undefined，this表明函数keith此时处于全局作用域。第二个参数中必须一个个添加。而在apply中必须以数组的形式添加。

3call方法的一个应用是调用对象的原生方法。也可以用于将类数组对象转换为数组。

上面代码中，hasOwnProperty是obj对象继承的方法，如果这个方法一旦被覆盖，就不会得到正确结果。call方法可以解决这个方法，它将hasOwnProperty方法的原始定义放到obj对象上执行，这样无论obj上有没有同名方法，都不会影响结果。要注意的是，hasOwnProperty是Object.prototype原生对象的方法，而call是继承自Function.prototype的方法。

4Function.prototype.apply()

　　apply方法的作用与call方法类似，也是改变this指向（函数执行时所在的作用域），然后在指定的作用域中，调用该函数。同时也会立即执行该函数。唯一的区别就是，它接收一个数组作为函数执行时的参数。

　　apply方法的第一个参数也是this所要指向的那个对象，如果设为null或undefined或者this，则等同于指定全局对象。第二个参数则是一个数组，该数组的所有成员依次作为参数，在调用时传入原函数。原函数的参数，在call方法中必须一个个添加，但是在apply方法中，必须以数组形式添加。

　　看一下call，apply的细微差别。