js中this相关问题及改变this指向

this是什么

this是当前执行代码的环境对象

this的指向

1.无论是否在严格模式下，在全局执行环境中（在任何函数体内部）this都指向全局对象
2.函数（运行内）环境：在函数内部，this的值取决于函数被调用的方式。
1）简单调用：因为下面的代码不在严格模式下，且this的值不是由该调用设置的，所以this的值默认指向全局对象

function f1(){
  return this;
}
//在浏览器中：
f1() === window;   //在浏览器中，全局对象是window

//在Node中：
f1() === global; 

然而，在严格模式下，this将保持它进入执行环境时的值，所以下面的this将会more为undefined

function f2(){
  "use strict"; // 这里是严格模式
  return this;
}

f2() === undefined; // true

所以，在严格模式下，如果this没有被执行环境定义，那么将保持为undefined.
2）如果想要把this的值从一个环境传到另一个。就要用call或者apply方法发

// 将一个对象作为call和apply的第一个参数，this会被绑定到这个对象。
var obj = {a: 'Custom'};

// 这个属性是在global对象定义的。
var a = 'Global';

function whatsThis(arg) {
  return this.a;  // this的值取决于函数的调用方式
}

whatsThis();          // 'Global'
whatsThis.call(obj);  // 'Custom'
whatsThis.apply(obj); // 'Custom'

当一个函数在其主体中使用this关键词时，可以通过使用函数继承自Function.prototype的call或apply方法将this值绑定到调用中的特定对象。

function add(c,d){
	return this.a+this.b+c+d;
}
var o = {a:1,b:3};
add.call(o,5,7);//1+3+5+7=16
//第一个参数是作为this使用的对象，后续参数作为参数传递给函数调用
add.apply(o,[10,20]);
//第一个参数也是作为this使用的对象，第二个参数是一个数组，数组里的元素作为函数调用中的参数

3）bind方法：es5引入Function.prototype.bind。调用f.bind(someObject)会创建一个与f具有相同函数体和作用域的函数，但是在这个新函数中，this将永久地被绑定到了bind的第一个参数，无论这个函数是如何被调用的。

function f(){
  return this.a;
}

var g = f.bind({a:"azerty"});
console.log(g()); // azerty

var h = g.bind({a:'yoo'}); // bind只生效一次！
console.log(h()); // azerty

var o = {a:37, f:f, g:g, h:h};
console.log(o.f(), o.g(), o.h()); // 37, azerty, azerty

4)箭头函数
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this
箭头函数是看上去是匿名函数的一种简写，但实际上，箭头函数和匿名函数有个明显的区别：箭头函数内部的this是词法作用域，由上下文确定。
未完待续