自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

Javascript的this用法

開(kāi)發(fā) 前端
Javascript是一門(mén)基于對(duì)象的動(dòng)態(tài)語(yǔ)言,Javascript可以通過(guò)一定的設(shè)計(jì)模式來(lái)實(shí)現(xiàn)面向?qū)ο蟮木幊?,其中this指針就是實(shí)現(xiàn)面向?qū)ο蟮囊粋€(gè)很重要的特性。本文分四種情況介紹了this的用法,一起來(lái)看。

thisJavascript語(yǔ)言的一個(gè)關(guān)鍵字。

它代表函數(shù)運(yùn)行時(shí),自動(dòng)生成的一個(gè)內(nèi)部對(duì)象,只能在函數(shù)內(nèi)部使用。比如,

 

  1. function test()  
  2. {  
  3. this.x = 1;  

 

隨著函數(shù)使用場(chǎng)合的不同,this的值會(huì)發(fā)生變化。但是有一個(gè)總的原則,那就是this指的是,調(diào)用函數(shù)的那個(gè)對(duì)象。

下面分四種情況,詳細(xì)討論this的用法。

情況一:純粹的函數(shù)調(diào)用

這是函數(shù)的最通常用法,屬于全局性調(diào)用,因此this就代表全局對(duì)象Global。

請(qǐng)看下面這段代碼,它的運(yùn)行結(jié)果是1。

 

  1. function test()  
  2. {  
  3. this.x = 1;  
  4. alert(this.x);  
  5. }  
  6. test(); // 1 

 

為了證明this就是全局對(duì)象,我對(duì)代碼做一些改變:

 

  1. var x = 1;  
  2. function test()  
  3. {  
  4. alert(this.x);  
  5. }  
  6. test(); // 1 

 

運(yùn)行結(jié)果還是1。再變一下:

 

  1. var x = 1;  
  2. function test()  
  3. {  
  4. this.x = 0;  
  5. }  
  6. test();  
  7. alert(x); //0 

 

情況二:作為對(duì)象方法的調(diào)用

函數(shù)還可以作為某個(gè)對(duì)象的方法調(diào)用,這時(shí)this就指這個(gè)上級(jí)對(duì)象。

 

  1. function test()  
  2. {  
  3. alert(this.x);  
  4. }  
  5. var o = {};  
  6. o.x = 1;  
  7. o.m = test;  
  8. o.m(); // 1 

 

情況三 作為構(gòu)造函數(shù)調(diào)用

所謂構(gòu)造函數(shù),就是通過(guò)這個(gè)函數(shù)生成一個(gè)新對(duì)象(object)。這時(shí),this就指這個(gè)新對(duì)象。

 

  1. function test()  
  2. {  
  3. this.x = 1;  
  4. }  
  5. var o = new test();  
  6. alert(o.x); // 1 

 

運(yùn)行結(jié)果為1。為了表明這時(shí)this不是全局對(duì)象,我對(duì)代碼做一些改變:

 

  1. var x = 2;  
  2. function test()  
  3. {  
  4. this.x = 1;  
  5. }  
  6. var o = new test();  
  7. alert(x); //2 

 

運(yùn)行結(jié)果為2,表明全局變量x的值根本沒(méi)變。

情況四 apply調(diào)用

apply()是函數(shù)對(duì)象的一個(gè)方法,它的作用是改變函數(shù)的調(diào)用對(duì)象,它的第一個(gè)參數(shù)就表示改變后的調(diào)用這個(gè)函數(shù)的對(duì)象。因此,this指的就是這第一個(gè)參數(shù)。

 

  1. var x = 0;  
  2. function test()  
  3. {  
  4. alert(this.x);  
  5. }  
  6. var o={};  
  7. o.x = 1;  
  8. o.m = test;  
  9. o.m.apply(); //0 

 

apply()的參數(shù)為空時(shí),默認(rèn)調(diào)用全局對(duì)象。因此,這時(shí)的運(yùn)行結(jié)果為0,證明this指的是全局對(duì)象。

如果把最后一行代碼修改為

 

  1. o.m.apply(o); //1 

 

運(yùn)行結(jié)果就變成了1,證明了這時(shí)this代表的是對(duì)象o。

原文地址:http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html

【編輯推薦】

  1. Javascript的this關(guān)鍵字與scope詳解
  2. C++中的this指針
  3. C# this關(guān)鍵字詳解
  4. PHP關(guān)鍵字this指向當(dāng)前對(duì)象指針
  5. jQuery中this與$(this)的區(qū)別
責(zé)任編輯:于鐵 來(lái)源: 阮一峰的博客
相關(guān)推薦

2009-06-17 15:01:07

javascript

2022-07-03 08:06:40

JavaScript語(yǔ)言代碼

2025-03-11 07:00:00

數(shù)組JavaScript開(kāi)發(fā)

2024-08-13 15:23:37

2021-08-10 09:57:27

JavaScriptPromise 前端

2010-10-09 09:46:11

indexOf函數(shù)JavaScript

2010-10-08 12:52:33

Javascriptreplace

2010-10-09 09:56:51

JavaScriptObject對(duì)象

2010-10-09 09:18:14

JavaScriptArray對(duì)象

2010-10-09 09:10:20

JavaScriptalert

2021-12-29 17:38:17

JavaScripttypeof前端

2021-10-11 10:19:48

Javascript 高階函數(shù)前端

2010-10-08 14:31:46

Javascriptsplit函數(shù)

2015-04-08 10:27:43

JavaScript字符串操作函數(shù)

2024-06-11 14:57:00

2010-10-08 15:00:08

FirefoxJavaScript兼

2025-03-11 07:30:00

雙問(wèn)號(hào)操作符JavaScript開(kāi)發(fā)

2010-10-08 09:52:18

JavaScript匿

2015-03-02 09:22:09

Javascript函數(shù)用法apply

2010-10-08 09:17:07

JavaScript表JavaScript運(yùn)
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)