this到底是什么，this指向其所在函数的直接调用者！！！

this指向其所在函数的直接调用者。this在函数中使用，函数都有挂载的对象，没有明确挂载到对象上的函数，默认都挂着在window对象上。

一定要明确是谁调用了函数，this就指向这个调用者。

一般很常见的就是函数

此时的this是浏览器的window对象，函数默认声明到window对象上，函数在浏览器中执行，在其中引用this，this即为window对象

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

 

 this是指当前匿名对象

$.easyui = {
     indexOfArray: function(a, o, id){
            for(var i=0,len=a.length; i<len; i++){
                if (id == undefined){
                    if (a[i] == o){return i;}
                } else {
                    if (a[i][o] == id){return i;}
                }
            }
            return -1;
    },
    addArrayItem: function(a, o, r){
            var index = this.indexOfArray(a, o, r ? r[o] : undefined);
            if (index == -1){
                a.push(r ? r : o);
            } else {
                a[index] = r ? r : o;
            }
    }

}

 

此时的this是指数组r中的元素

function a(){
     var r = $('div');
  
     r.each(function(){

           console.log(this);
       
     })
     
}    

 

 此时的this指的是$，即jQuery， tabs是jQuery的属性，函数是其值，调用函数的本体就是$

$.fn.tabs = function(options, param){
        
        console.log(this);
};

$.fn.tabs();

 

此时的this指的是tabs

$.fn.tabs = function(options, param){
        
        this.each(function(){
            console.log("a")
        })
    };
    
    $.fn.tabs();
    
    
jQuery.fn = jQuery.prototype = {
    
    each: function( callback ) {
        return jQuery.each( this, callback );
    }
    
}    

jQuery.extend({
    each: function( obj, callback ) {
        var length, i = 0;

        if ( isArrayLike( obj ) ) {
            length = obj.length;
            for ( ; i < length; i++ ) {
                if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
                    break;
                }
            }
        } else {
            for ( i in obj ) {
                if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
                    break;
                }
            }
        }

        return obj;
    }
});

 

函数的几种执行方式：
1、匿名函数直接执行,this = window
(function(){
console.log(this);
})(this);
2、函数名调用执行,this = window
function a(){
console.log(this);
}
a();
3、通过函数声明为类方法,this = User, this指向类，使用this只能调用类的类成员，不能调用实例成员
function User(){}
User.getName = function(){
console.log(this);
}
User.getName();
4、函数声明为类实例方法,this = Object 即类的实例, this指向类对象，使用this只能调用类的实例成员，不能调用实例成员
function User(){}
User.prototype.getName = function(){
console.log(this);
}
var user = new User();
user.getName();

5、一个对象调用另个一对象的函数


6、一个类调用另一个类的函数
function User(){}
User.prototype.getName = function(callback){
this.start(callback);
}

function DriverCar(){}
User.prototype.start = function(callback){
this._start(this, callback);
}
User._start = function(obj, callback){
console.log("DriverCar _start: " + obj);
callback();
}
User.getName(function(){
console.log("boot");
});

function Test(){}
Test.test = function(){
User.getName(function(){
console.log("start : " + this);
});
}
Test.test();

 

 

转载于:https://www.cnblogs.com/hengwu/p/9681014.html