這篇文章主要介紹了js中函數(shù)arguments和this的案例分析,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
專注于為中小企業(yè)提供網(wǎng)站制作、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)龍海免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了上1000+企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。1、除了箭頭函數(shù),每個(gè)函數(shù)都有arguments
2、arguments是偽數(shù)組,沒有數(shù)組的共有屬性(push...)的數(shù)組就是偽數(shù)組,arguments的原型是Object.prototype
1、除了箭頭函數(shù),每個(gè)函數(shù)都有this
2、為什么要使用this?
如果沒有this,有的代碼就很難寫,比如一個(gè)函數(shù)想要獲取對(duì)象的引用
//構(gòu)造對(duì)象 let beauty={ name:'美女', run(){ console.log(`看`+person.name+`在跑步`); } } //使用類構(gòu)造對(duì)象 class Person{ constructor(name){ this.name=name;//這里的this是new強(qiáng)制指定的 } run(){ console.log(`看`+xxx.name+`在跑步`); } }復(fù)制代碼
3、假設(shè)沒有this如果直接構(gòu)造對(duì)象,也還好,我們可以使用保存了對(duì)象地址的變量獲取對(duì)象的name屬性(即引用),但是如果beauty改名,run函數(shù)無(wú)法使用。
如果使用類,還沒有創(chuàng)建對(duì)象,故不可能使用對(duì)象的引用,那么如何拿到對(duì)象的name屬性?
4、因此需要一種辦法拿到對(duì)象,這樣才能獲取對(duì)象的屬性
(1) 怎么在還沒有定義對(duì)象,還不知道對(duì)象名字的時(shí)候,拿到對(duì)象的引用呢?
有一種土方法,那就是在定義每個(gè)函數(shù)的時(shí)候,給他寫一個(gè)參數(shù),默認(rèn)這個(gè)參數(shù)指的是以后定義的新對(duì)象,到時(shí)候調(diào)用的時(shí)候,把新對(duì)象傳給他,python就是用的這種方法
class Person{ constructor(name){ this.name=name;//這里的this是new強(qiáng)制指定的 } run(self){ console.log(`看`+self.name+`在跑步`); } } //這樣每個(gè)參數(shù)接收一個(gè)額外的self,這個(gè)self指未來(lái)定義的新對(duì)象 let beauty=new Person('美女'); beauty.run(beauty); //這樣寫了兩個(gè)beauty,有點(diǎn)丑 //在python中直接寫beauty.run()等價(jià)于寫beauty.run(beauty);復(fù)制代碼
(2) js是怎么解決這個(gè)問(wèn)題的呢?js在每個(gè)函數(shù)中添加了this
let beauty={ name:'美女', run(){ console.log(`看`+this.name+`在跑步`); } } //beauty.run()相當(dāng)于beauty.run(beauty) //beauty.run()會(huì)將beauty隱式地傳給run,run可以通過(guò)this引用beauty //可以理解為js引擎隱式地幫你做了this=beauty這件事 //這樣每個(gè)函數(shù)都能通過(guò)this隱式的獲取一個(gè)未知對(duì)象的引用了復(fù)制代碼
我們想讓函數(shù)獲取對(duì)象的引用,但是并不想通過(guò)變量名做到,python通過(guò)額外的self參數(shù)做到,js通過(guò)額外的this做到,也就是this就是最終調(diào)用函數(shù)的對(duì)象
1、在new fn()調(diào)用的時(shí)候,fn里的this指向新生成的對(duì)象,這是new決定的
2、在fn()調(diào)用中,this默認(rèn)指向window,這是瀏覽器決定的
3、在obj.fn()調(diào)用中,this默認(rèn)指向obj,這是js的隱式傳this
4、在fn.call(xxx)調(diào)用中,this就是xxx,這是開發(fā)者通過(guò)call顯示指定的this
5、在arrow()的調(diào)用中,arrow里面的this就是arrow外面的this,因?yàn)榧^函數(shù)里面沒有自己的this
6、在arrow.call(xxx)調(diào)用中,arrow里面的this還是arrow外面的this,因?yàn)榧^函數(shù)里面沒有自己的this
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享js中函數(shù)arguments和this的案例分析內(nèi)容對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道,遇到問(wèn)題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!