this指向的几种指向问题

1.在普通函数中的this指向谁？

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

输出结果如下图片:
解析:在普通函数中this根据上下文来觉得，一般是指向windos的
2.在构造函数中this回指向谁？

function fn(a,b,c){
            this.a=a;
            this.b=b;
            this.c=c;
        }

        var zs = new fn("zs",12,"男")
        console.log(zs);

        var ls = new fn("ls",18,"男")
        console.log(ls);

输出结果如下图片:

解析:在构造函数里this指向当前的实例化对象,（通俗点来说就是你new的是zs，那个this就会指向zs）
3.在全局作用域下this会指向谁？

     var a ="小明";
     console.log(this);
     console.log(window.name);

输出结果如下图片:
解析:我们可以看到第一次输出是window说明他在全局作用域下this是指向window对象

4.构造函数和实例化对象this回指向谁？

function Fn(a,b){
            this.a=a;
            this.b=b;
            console.log( this);
            
        }
       Fn.prototype.fn=function(){
           console.log(this);
       }
       var f1 =new Fn("zs",11)
       f1.fn() 

输出结果如下图片:解析:原型对象中this回指向当前实例化对象
构造函数中this回指向当前实例化对象
案例: 我们来尝试修改他的原型指向

  function Fn(a,b){
    this.a = a;
    this.b = b;
}

Fn.prototype.fn = function(){
    console.log("原型对象中的this 输出");
}


function Fn1(c){
    this.c = c; 
}

Fn1.prototype.d1 = function(){
    console.log("Fn1构造函数中的方法");
}

//改变Fn1 原型对象的指向
Fn1.prototype = new Fn("zs",20);
var stu = new Fn1("男");
console.dir(stu);
stu.fn();
//stu.d1();//报错

输出结果如下图片:
解析：开始我们先定义了一个构造函数Fn,在这个构造函数内添加a和b这个属性，其次在原型对象中加了一个fn的这个方法，之后创建一个构造函数为Fn1，在这个构造函数里面添加了c这个属性，并且在原型对象里面放了一个d1这个方法，到最后面我用Fn1的原型对象指向，获取到这个定义构造函数Fn的属性中定义在其原型对象的。而定义在Fn1原型对象上的d1方法却不能获取了，所以现在看到实例对象stu指向了Fn的原型对象所以回报错

结论:

原型对象中指向是可被改变
实例对象中的原型__proto__指向是对象所在构造函数里的原型对象
当构造函数中原型对象prototype指向要是改变了，则实例对象的原型__prtot__也可以会被改变
当实例对象和原型对象之间的关系通过了__proto__的原型来访问的，这个关系就是原型的原型链
如果你的原型对象指向被改变了，则在原型改变的时候添加原型方法，不如调用不了的