老生常谈的this指向问题

1.普通函数

var name = 'yaya'
function fn() {
	console.log(this.name);
}
fn();//yaya 此时this指向全局变量yaya

未显示指定this,函数默认被全局变量调用

严格模式下

严格模式下没有明确指定this时，this为undefined,抑制了this

"use strict";
var name = 'yaya'
	function fn() {
		console.log(this.name);
	}
fn();//Uncaught TypeError: Cannot read property 'name' of undefined

2.构造函数

function fn (name, age){
	this.name = name;
	this.age = age;
}
var p = new fn('小小', 20);
console.log(p.age); //此时this指向构造函数实例化出的对象

//如果构造函数返回的是一个对象,this会指向该对象
function fn (name){
	this.name = name;
	return{
		age: 10;
	}
}
var p = new fn('小小'); //普通函数执行的情况下
console.log(p.age);//10  此时this依旧指向全局对象

3.普通对象

var obj = {
	name: 'yaya',
	fun: function () {
		console.log(this.name);
	}
}
obj.fun();//此时this指向当前对象
var fn = obj.fun;
fn();//将对象的方法赋值给一个变量，调用该变量时this指向window对象

4.通过call和apply改变this指向

var obj = {
	name: 'yaya',
}
function fn(age) {
	return age
}
var p = fn.call(obj, 11);
var a = fn.apply(obj, [13]);
console.log(p, a);