JS中this的四種用法

1.在通常函數方法中使用 this 指代全局對象javascript

function test(){
    this.x = 1;
    alert(this.x);
  }
  test(); // 1

2.做爲對象方法調用,this 指代上級對象java

function test(){
  alert(this.x);
}
var o = {};
o.x = 1;
o.m = test;
o.m(); // 1

3.做爲構造函數調用,this 指代new 出的對象app

  function test(){
    this.x = 1;
  }
  var o = new test();
  alert(o.x); // 1
    //運行結果爲1。爲了代表這時this不是全局對象,我對代碼作一些改變:
  var x = 2;
  function test(){
    this.x = 1;
  }
  var o = new test();
  alert(x); //2

 

4.apply 調用 ,apply方法做用是改變函數的調用對象,此方法的第一個參數爲改變後調用這個函數的對象,this指代第一個參數函數

  var x = 0;
  function test(){
    alert(this.x);
  }
  var o={};
  o.x = 1;
  o.m = test;
  o.m.apply(); //0
//apply()的參數爲空時,默認調用全局對象。所以,這時的運行結果爲0,證實this指的是全局對象。若是把最後一行代碼修改成

  o.m.apply(o); //1
相關文章
相關標籤/搜索