Vue函数调用加括号与不加括号有何本质区别？
- 内容介绍
- 文章标签
- 相关推荐
本文共计716个文字，预计阅读时间需要3分钟。
在封面：最近的一个项目是很久以前的，在维护项目中就没办法使用vue等技术开发，所以一些方法都是原生来写的。在绑定点击事件时，方法名没有加括号，就无效了。
写在前面：最近做的一个项目用是很久之前的，在维护项目中就无法使用vue等技术来操作，所以一些方法用的是原生来写的，在绑定点击方法时，方法名没加括号，就没生效，加了括号就生效了，当时有疑惑的点是在之前做vue的项目中，我记得不加括号也是完全可以的，于是就详细的查了一下。
原生方法调用函数
在script里写方法，不加括号的话就相当于得到的是这个函数体，是这个函数本身，并不会执行函数
<body> <div>函数调用是否要加括号</div> <button>点击变色</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.这种情况相当于 btn.onclick = function reset(){...} ，点击之后执行这个事件。
本文共计716个文字，预计阅读时间需要3分钟。
在封面：最近的一个项目是很久以前的，在维护项目中就没办法使用vue等技术开发，所以一些方法都是原生来写的。在绑定点击事件时，方法名没有加括号，就无效了。
写在前面：最近做的一个项目用是很久之前的，在维护项目中就无法使用vue等技术来操作，所以一些方法用的是原生来写的，在绑定点击方法时，方法名没加括号，就没生效，加了括号就生效了，当时有疑惑的点是在之前做vue的项目中，我记得不加括号也是完全可以的，于是就详细的查了一下。
原生方法调用函数
在script里写方法，不加括号的话就相当于得到的是这个函数体，是这个函数本身，并不会执行函数
<body> <div>函数调用是否要加括号</div> <button>点击变色</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.这种情况相当于 btn.onclick = function reset(){...} ，点击之后执行这个事件。