JavaScript this關(guān)鍵字指向常用情況解析
在之前寫代碼的經(jīng)歷中,常常試過寫著寫著this就莫名其妙的不知道指向到哪里去了。今天看了曾探的javascript設(shè)計(jì)模式,里面特別談到了this在不同情況下指代的對(duì)象,非常有意思。
this指代的情況
this有以下4種情況:
1、對(duì)象.函數(shù)的形式調(diào)用:object.function();
2、普通函數(shù)的形式調(diào)用:function();
3、構(gòu)造器調(diào)用;
4、Function.prototype.call或Function.prototype.apply調(diào)用;
1、對(duì)象.函數(shù)的形式調(diào)用
對(duì)象.函數(shù)方式調(diào)用時(shí),指代該對(duì)象。
var obj = { num:1, getNum:function(){ alert(this.num);//輸出1 }}obj.getNum();
2、普通函數(shù)形式調(diào)用
普通函數(shù)的方式被調(diào)用時(shí),this指向全局對(duì)象。
window.num = 2;var obj = { num:1, getNum:function(){ alert(this.num); }}obj.getNum();//彈出1var fun1 = obj.getNum;fun1(); //彈出2
太神奇了,直接調(diào)用函數(shù) fun(); 與通過對(duì)象調(diào)用函數(shù) xxx.fun(); this指代的對(duì)象不同。
3、構(gòu)造器調(diào)用
為了能夠用上new關(guān)鍵字,javascript的創(chuàng)建對(duì)象可以這樣定義。
var person = function(){this.name = ’劉備’;}
在這種情況下,this指代這個(gè)正在創(chuàng)建中的對(duì)象。
var p = new person();alert(p.name);//彈出劉備
4、Function.prototype.call或Function.prototype.apply調(diào)用
var obj1 = { name:’關(guān)羽’, getName:function(){ return this.name; }}var obj2 = { name:’劉備’}alert(obj1.getName()); //關(guān)羽alert(obj1.getName.call(obj2)); //劉備
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. PHP驗(yàn)證碼工具-Securimage2. Vue 實(shí)現(xiàn)對(duì)quill-editor組件中的工具欄添加title3. JavaScript實(shí)現(xiàn)簡(jiǎn)單的彈窗效果4. 我所理解的JavaScript中的this指向5. javascript實(shí)現(xiàn)貪吃蛇小練習(xí)6. PHP利用curl發(fā)送HTTP請(qǐng)求的實(shí)例代碼7. Java commons-httpclient如果實(shí)現(xiàn)get及post請(qǐng)求8. PHP單件模式和命令鏈模式的基礎(chǔ)知識(shí)9. 一文帶你徹底理解Java序列化和反序列化10. js實(shí)現(xiàn)碰撞檢測(cè)

網(wǎng)公網(wǎng)安備