js中this是什么,如何改变this指向

js中this是什么
定义：this是包含它的函数作为方法被调用时所属的对象
说明：1、包含它的函数2、作为方法被调用时3、所属的对象
例1：

 function fu() {
            var a = 10
            console.log(this)//window
        }
        fu();
此时this的指向是window

例2：

var aa = {
            names: '张新苗',
            fu: function () {
                console.log(this)//此时this的指向是整个aa
                console.log(this.names);//张新苗  因为这个names在aa里
            }
        }
        aa.fu()//

如果一个函数中有this,这个对象被上一级对象调用，那么this就指向它的上一级对象

例3：

  var aa={
            names:'张新苗',
            bb:{
            //   names:'章绘绘',
              fu:function(){
                console.log(this)//此时this指向整个bb 
                console.log(this.names)//undefined  因为此时整个bb里并没有names所以是undefined 
              }  
            }
        }
        aa.bb.fu()

例5：

 var aa={
            names:'张新苗',
            bb:{
              names:'章绘绘',
              fu:function(){
                console.log(this)//此时this指向整个bb 
                console.log(this.names)//章绘绘 因为这个names在bb里
              }  
            }
        }
        aa.bb.fu()

例6：

  var aa={
            names:'张新苗',
            bb:{
              names:'章绘绘',
              fu:function(){
                console.log(this)//此时this指向window
                console.log(this.names)//undefined 因为window里找不到这个names
              }  
            }
        }
      var cc=aa.bb.fu
      cc()

如和改变this指向

 var aa = '张玉芯'
        var obj = {
            aa: this.aa, //此时this是指外面的
            cc: '美女',
            dd: function (a, b) {
                console.log(`${this.aa}是个大${this.cc}而${a}更是个${b}`) //张雨芯是个大美女而undefined更是个undefined
            }
        }
        var newobj = {
            aa: '曹慧洁',
            cc: '美女'
        }
        obj.dd.call(newobj)//曹慧洁是个大美女而undefined更是个undefined
此时this指向已改变

改变this指向的方法

 var aa = '章绘绘'
        var obj = {
            aa: this.aa, //此时this是指外面的
            cc: '美女',
            dd: function (a, b) {
                console.log(`${this.aa}是个大${this.cc}而${a}更是个${b}`) //章绘绘是个大美女而undefined更是个undefined
            }
        }
        var newobj = {
            aa: '曹慧洁',
            cc: '美女'
        }
     obj.start.call(newobj, '张雨芯', '美女'); //xx.call(新指向，后面可以直接加参数)   //曹慧洁是个大美女而张玉芯更是个美女
     obj.start.apply(newobj, ['张雨芯', '美女']); //xx.apply(新指向,后面跟的是数组)
     obj.start.bind(newobj, '张雨芯', '美女')(); //xx.apply(新指向，后面可以直接加参数)()   再加一个自执行