JS中this指向困惑：两种代码段的this为何都指向window

在JavaScript的学习和使用过程中，this指向问题常常让开发者感到困惑。有时，会遇到看似不同的代码段，但其this却都指向window对象的情况，下面来深入分析一下。

先看第一种常见的代码段。例如在全局作用域下直接定义一个函数：

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

在这种情况下，函数showThis是在全局作用域中被调用的。在JavaScript中，当函数作为普通函数被调用时，并且没有明确的上下文绑定，this默认指向全局对象，在浏览器环境中，全局对象就是window。所以这里的this会指向window。

再看另一种代码段。比如在一个对象的方法中，不小心将方法赋值给了一个全局变量，然后再调用这个全局变量：

var obj = {
    name: 'test',
    show: function() {
        console.log(this);
    }
};
var newShow = obj.show;
newShow();

这里原本obj.show方法中的this应该指向obj对象，因为在对象的方法中，this通常指向调用该方法的对象。但是当把obj.show赋值给newShow后，newShow变成了一个全局变量，此时再调用newShow，它就变成了普通函数调用，没有了明确的对象绑定，所以this又指向了window。

理解this指向对于正确编写JavaScript代码至关重要。为了避免this指向出现意外情况，可以使用一些方法来明确绑定this，比如使用bind方法来将函数的this绑定到指定的对象上，或者使用箭头函数，箭头函数没有自己的this，它的this会捕获其所在上下文的this值。

在实际开发中，要时刻关注this的指向问题，特别是在处理函数调用和对象方法时。通过深入理解this指向的规则，并合理运用相关的绑定方法，能够减少因this指向错误而导致的程序bug，提高代码的质量和可维护性。