深入理解js中this的用法

更新時間：2016年05月28日 15:11:57 投稿：jingxian

下面小編就為大家?guī)硪黄钊肜斫鈐s中this的用法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

this是js的一個關(guān)鍵字，隨著函數(shù)使用場合不同，this的值會發(fā)生變化。但是總有一個原則，那就是this指的是調(diào)用函數(shù)的那個對象。

1、純粹函數(shù)調(diào)用。

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

test();

其實(shí)這里的this就是全局變量?？聪旅娴睦泳湍芎芎玫睦斫馄鋵?shí)this就是全局對象Global。其實(shí)這里的this就是全局變量?？聪旅娴睦泳湍芎芎玫睦斫馄鋵?shí)this就是全局對象Global。

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

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

2、作為方法調(diào)用，那么this就是指這個上級對象。

function test() {
  alert(this.x);
}

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

3、作為構(gòu)造函數(shù)調(diào)用。所謂構(gòu)造函數(shù)，就是生成一個新的對象。這時，這個this就是指這個對象。

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

4、apply調(diào)用

var x = 0;
function test() {
  alert(this.x);
}

var o = {};
o.x = 1;
o.m = test;
o.m.apply(); //0
o.m.apply(o);//1

當(dāng)apply沒有參數(shù)時，表示為全局對象。所以值為0。

以上這篇深入理解js中this的用法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

js
this

相關(guān)文章

Javascript客戶端腳本的設(shè)計(jì)和應(yīng)用
Javascript客戶端腳本的設(shè)計(jì)和應(yīng)用...
2006-08-08
常用的JS驗(yàn)證和函數(shù)匯總
本文是將個人整理收集的一些js驗(yàn)證函數(shù)，都是經(jīng)常能夠用到的，非常實(shí)用的代碼，這里分享給有相同需求的小伙伴。
2014-12-12
js阻止默認(rèn)事件與js阻止事件冒泡示例分享 js阻止冒泡事件
嵌套的div元素，如果父級和子元素都綁定了一些事件，那么在點(diǎn)擊最內(nèi)層子元素時可能會觸發(fā)父級元素的事件，下面介紹一下js阻止默認(rèn)事件與js阻止事件冒泡示例,大家參考使用吧
2014-01-01
腳本中出現(xiàn) window.open() access is denied - 拒絕訪問情況一則及分析
腳本中出現(xiàn) window.open() access is denied - 拒絕訪問情況一則及分析...
2007-01-01
JavaScript初級教程(第二課)
JavaScript初級教程(第二課)...
2007-04-04
JavaScript高級程序設(shè)計(jì)（第3版）學(xué)習(xí)筆記7 js函數(shù)（上）
如果說對象是房間，那么函數(shù)就是有魔幻效應(yīng)的房間了。函數(shù)首先是對象，然后這個函數(shù)對象還具有很多魔幻功能
2012-10-10
javascript七大數(shù)據(jù)類型詳解
這篇文章主要為大家介紹了 javascript七大數(shù)據(jù)類型，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-12-12
javascript數(shù)組詳解
數(shù)組對象用來在單獨(dú)的變量名中存儲一系列的值。我們使用關(guān)鍵詞 new 來創(chuàng)建數(shù)組對象。有兩種向數(shù)組賦值的方法，也可以使用一個整數(shù)自變量來控制數(shù)組的容量
2014-10-10
JavaScript中的toDateString()方法使用詳解
這篇文章主要介紹了JavaScript中的toDateString()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
2015-06-06
Javascript 按位左移運(yùn)算符使用介紹(<<)
這篇文章主要介紹了Javascript 按位左移運(yùn)算符 (<<) 將表達(dá)式數(shù)字轉(zhuǎn)換成二進(jìn)制，之后向左移表達(dá)式的位的相關(guān)資料,需要的朋友可以參考下
2014-02-02