this的指向问题

JavaScript的this总是指向一个对象,而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的,而非函数声明时的环境。
  1. 作为对象的方法调用
    var obj = {
    a: 1,
    getA: function(){
    console.log(this === obj); //true
    console.log(this.a); //1
    }
    };
    obj.getA();

  2. 作为普通函数被调用
    window.name = 'globalName';
    var getName = function(){
    return this.name;
    };
    console.log(getName()); // globalName

  3. 构造器调用
    var MyClass = function(){
    this.name = 'ss';
    };
    var obj = new MyClass();
    console.log(obj.name); //ss

  4. Function.prototype.call 和 Function.prototype.apply
    var obj1 = {
    name: 'ss',
    getName: function(){
    return this.name;
    }
    };
    var obj2 = {name: 'dd'};
    console.log(obj1.getName()); // ss
    console.log(obj1.getName.call(obj2)); // dd

  5. this丢失
    var obj = {
    myName: 'ss',
    getName: function(){
    return this.myName;
    }
    };
    console.log(obj.getName()); // ss
    var getName2 = obj.getName;
    console.log(getName2()); // undefinded

你可能感兴趣的:(this的指向问题)