首頁 > web前端 > js教程 > javascriptthis用法有哪些

javascriptthis用法有哪些

coldplay.xixi
發布: 2023-01-04 09:35:53
原創
2577 人瀏覽過

javascript中this用法:1、使用this指涉全域物件;2、使用this指涉上級物件;3、使用this指涉new出的物件;4、使用this指涉第一個參數。

javascriptthis用法有哪些

本教學操作環境: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(影片)

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板