首頁  >  文章  >  web前端  >  javascript中this的用法有哪些

javascript中this的用法有哪些

coldplay.xixi
coldplay.xixi原創
2021-04-06 15:15:063846瀏覽

javascript中this的用法:1、使用this指涉全域對象,程式碼為【alert(this.x)】;2、使用this指涉上級對象;3、使用this指涉new出的對象。

javascript中this的用法有哪些

本教學操作環境:windows7系統、javascript1.8.5版,DELL G3電腦。

javascript中this的用法:

1、在一般函數方法中使用this指稱全域物件

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

2、作為物件方法調用,this指涉上級物件

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

3、作為建構函數調用,this 指涉new 出的物件

  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

#相關免費學習推薦:javascript影片教學

#

以上是javascript中this的用法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn