• 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();

  • 相关阅读:
    继续JS之DOM对象二
    js之DOM对象一
    js之DOM对象三
    jQuery基本语法
    Jquery2--属性相关的操作
    jquery之文档操作
    jQuery之jQuery扩展和事件
    Bootstrap补充
    函数式编程
    数据结构,字典
  • 原文地址:https://www.cnblogs.com/hengwu/p/9681014.html
Copyright © 2020-2023  润新知