JavaScript中函数的this绑定问题

// this是一个关键字，一般存在于函数中，表示所在函数的执行对象
// this不是所在的函数，是所在函数的执行对象

// this是一个指针，指向
// 但是只有在函数执行时才被指向了具体的对象，如果函数没有执行，this没有意义

function fn(){
    console.log(this);
}

// 1. 函数的默认执行（this的默认绑定）（没有明确隶属对象的函数），this指向window
fn();

// 2. 当函数被作为事件处理函数执行时，this指向事件源（不是事件目标）
document.onclick = fn;

// 3. 当函数被赋值给某个对象的方法时，通过这个对象的方法执行函数，叫隐式绑定，this就是当前对象(注意：如果函数为箭头函数时，this就会指向外层对象)
var obj = {
    name:"obj"
};
obj.show = fn;
obj.show();

// 问题：隐式丢失
// 隐式丢失的原理
// var a = obj.show;
// a();

// 开发中实际遇到的隐式丢失情况1
// function box(a){
//     a();
// }
// box(obj.show);

// 开发中实际遇到的隐式丢失情况2
// setTimeout(obj.show, 1000)


// 4. 通过函数的call或apply或bind方法，强行修改当前函数中的this指向，叫强制（显示）绑定
// 显示绑定可以用来修复隐式丢失

var obj2 = {
    name:"obj2"
}
obj.show.call(obj2);

var b = obj.show.bind(obj2);
b();

// 5. 通过new关键字绑定，当一个函数被new执行时，函数内部的this会指向new出来的对象