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

javascriptthis用法有哪些

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

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

javascriptthis用法有哪些

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

javascript中this用法:

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

1

2

3

4

5

function test(){

    this.x = 1;

    alert(this.x);

  }

  test(); // 1

登入後複製

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

1

2

3

4

5

6

7

function test(){

  alert(this.x);

}

var o = {};

o.x = 1;

o.m = test;

o.m(); // 1

登入後複製

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

1

2

3

4

5

6

7

8

9

10

11

12

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指涉第一個參數

1

2

3

4

5

6

7

8

9

10

  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中文網其他相關文章!

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