vue 函數(shù)調(diào)用加括號(hào)與不加括號(hào)的區(qū)別
寫(xiě)在前面：最近做的一個(gè)項(xiàng)目用是很久之前的，在維護(hù)項(xiàng)目中就無(wú)法使用vue等技術(shù)來(lái)操作，所以一些方法用的是原生來(lái)寫(xiě)的，在綁定點(diǎn)擊方法時(shí)，方法名沒(méi)加括號(hào)，就沒(méi)生效，加了括號(hào)就生效了，當(dāng)時(shí)有疑惑的點(diǎn)是在之前做vue的項(xiàng)目中，我記得不加括號(hào)也是完全可以的，于是就詳細(xì)的查了一下。
原生方法調(diào)用函數(shù)
在script里寫(xiě)方法，不加括號(hào)的話(huà)就相當(dāng)于得到的是這個(gè)函數(shù)體，是這個(gè)函數(shù)本身，并不會(huì)執(zhí)行函數(shù)
<body> <div>函數(shù)調(diào)用是否要加括號(hào)</div> <button>點(diǎn)擊變色</button> <script type='text/javascript'> var div = document.getElementsByTagName(’div’)[0]; var btn = document.getElementsByTagName(’button’)[0]; function reset(){ div.style.color=’green’ } btn.onclick = reset //1.這種情況相當(dāng)于 btn.onclick = function reset(){...} ，點(diǎn)擊之后執(zhí)行這個(gè)事件。得到是函數(shù)體 btn.onclick = reset() //2.這種情況可以理解成給函數(shù)外面加了括號(hào)成了自執(zhí)行函數(shù)，不用點(diǎn)擊就得到了一個(gè)函數(shù)執(zhí)行后面的結(jié)果 </script></body>
當(dāng)然以上兩種大家都明白，不會(huì)有什么疑惑，用習(xí)慣vue中的方法調(diào)用時(shí)和再用原生遇到的疑惑的點(diǎn)在于在行內(nèi)加方法，
<div>函數(shù)調(diào)用是否要加括號(hào)</div> <button onclick='reset()'>點(diǎn)擊變色</button> <script type='text/javascript'> var div = document.getElementsByTagName(’div’)[0]; var btn = document.getElementsByTagName(’button’)[0]; function reset(){ div.style.color=’green’ }
在原生的行內(nèi)加方法時(shí)是要加（）才能執(zhí)行的 具體原因，哈哈，我想多了會(huì)把自己繞進(jìn)去，歡迎你們解答
vue方法中調(diào)用函數(shù)
這個(gè)其實(shí)加不加括號(hào)，這個(gè)方法都會(huì)執(zhí)行，加（）我一般會(huì)考慮到傳參的問(wèn)題，
不加括號(hào)，默認(rèn)傳遞參數(shù)為 MouseEvent, 加括號(hào)，括號(hào)中使用$event, 才能獲取到MouseEvent，不過(guò)我們這種加括號(hào)的情況，一般是傳自己需要的參數(shù)歡迎指正~
本文作者： 張尊娟
本文鏈接：https://www.cnblogs.com/wszzj/p/13895908.html?utm_source=tuicool&utm_medium=referral
以上就是vue 函數(shù)調(diào)用加括號(hào)與不加括號(hào)的區(qū)別的詳細(xì)內(nèi)容，更多關(guān)于vue 函數(shù)調(diào)用的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章！
相關(guān)文章：
1. java實(shí)現(xiàn)圖形化界面計(jì)算器2. IntelliJ Idea2017如何修改緩存文件的路徑3. IntelliJ IDEA設(shè)置條件斷點(diǎn)的方法步驟4. IIS Express 取代 ASP.NET Development Server的配置方法5. python flask框架快速入門(mén)6. Spring-Richclient 0.1.0 發(fā)布7. javascript設(shè)計(jì)模式 ? 建造者模式原理與應(yīng)用實(shí)例分析8. 淺談SpringMVC jsp前臺(tái)獲取參數(shù)的方式 EL表達(dá)式9. Python使用oslo.vmware管理ESXI虛擬機(jī)的示例參考10. Express 框架中使用 EJS 模板引擎并結(jié)合 silly-datetime 庫(kù)進(jìn)行日期格式化的實(shí)現(xiàn)方法
網(wǎng)公網(wǎng)安備