vue 函數(shù)調(diào)用加括號(hào)與不加括號(hào)的區(qū)別
寫在前面：最近做的一個(gè)項(xiàng)目用是很久之前的，在維護(hù)項(xiàng)目中就無法使用vue等技術(shù)來操作，所以一些方法用的是原生來寫的，在綁定點(diǎn)擊方法時(shí)，方法名沒加括號(hào)，就沒生效，加了括號(hào)就生效了，當(dāng)時(shí)有疑惑的點(diǎn)是在之前做vue的項(xiàng)目中，我記得不加括號(hào)也是完全可以的，于是就詳細(xì)的查了一下。
原生方法調(diào)用函數(shù)
在script里寫方法，不加括號(hào)的話就相當(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ì)考慮到傳參的問題，
不加括號(hào)，默認(rèn)傳遞參數(shù)為 MouseEvent, 加括號(hào)，括號(hào)中使用$event, 才能獲取到MouseEvent，不過我們這種加括號(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. el-input無法輸入的問題和表單驗(yàn)證失敗問題解決2. vue跳轉(zhuǎn)頁面常用的幾種方法匯總3. XML入門的常見問題(三)4. JavaScript中顏色模型的基礎(chǔ)知識(shí)與應(yīng)用詳解5. 不要在HTML中濫用div6. JavaScript快速實(shí)現(xiàn)一個(gè)顏色選擇器7. react腳手架配置代理的實(shí)現(xiàn)8. CSS3實(shí)例分享之多重背景的實(shí)現(xiàn)(Multiple backgrounds)9. Jquery使用原生AJAX方法請(qǐng)求數(shù)據(jù)10. React實(shí)現(xiàn)一個(gè)倒計(jì)時(shí)hook組件實(shí)戰(zhàn)示例
網(wǎng)公網(wǎng)安備